Alterar a ordem das coleções

Esta página foi impressa em Apr 25, 2024. Para a versão mais recente, acesse https://help.shopify.com/pt-BR/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/change-collections-page.

A loja inclui uma página no URL your-store.com/collections que exibe todas as coleções em ordem alfabética. Esta personalização mostra como especificar quais coleções são incluídas e como alterar a ordem delas na página.

Página da lista de coleções

Nesta página

Verificar as configurações do tema

As versões atuais de todos os temas gratuitos da Shopify incluem configurações que permitem fazer alterações de layout na página da lista de coleções pelo editor de temas.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. No menu suspenso do topo da página ou o menu Modelos em um dispositivo móvel, selecione Lista de coleções.
  4. Clique em Página da lista de coleções para ver e alterar as configurações.
  5. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. No menu suspenso do topo da página ou o menu Modelos em um dispositivo móvel, selecione Lista de coleções.
  7. Clique em Página da lista de coleções para ver e alterar as configurações.
  8. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. No menu suspenso do topo da página ou o menu Modelos em um dispositivo móvel, selecione Lista de coleções.
  7. Clique em Página da lista de coleções para ver e alterar as configurações.
  8. Clique em Salvar.

Se o tema não incluir configurações para modificar a página da lista de coleções, crie um menu e edite o código do tema.

Criar um menu para controlar a página da lista de coleções

É possível criar um menu para especificar quais coleções serão incluídas na página da lista de coleções.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Navegação.
  2. Clique em Adicionar menu.
  3. Dê ao menu o nome de All collections. É importante que você não altere esse nome, porque ele é usado pelo seu tema para determinar quais coleções mostrar na página da lista de coleções e em que ordem. O nome do menu não aparece na loja virtual.
  4. Clique em Adicionar um item de menu.
  5. Na janela Adicionar item de menu, insira o n ome de uma coleção que você quer mostrar na página da lista de coleções. Clique no campo Link, selecione Coleções e clique no nome da coleção. Para mover um item de menu para uma nova posição, clique e arraste os pontos no lado esquerdo do item de menu.
  6. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Navegação.
  4. Clique em Adicionar menu.
  5. Dê ao menu o nome de All collections. É importante que você não altere esse nome, porque ele é usado pelo seu tema para determinar quais coleções mostrar na página da lista de coleções e em que ordem. O nome do menu não aparece na loja virtual.
  6. Clique em Adicionar um item de menu.
  7. Na janela Adicionar item de menu, insira o n ome de uma coleção que você quer mostrar na página da lista de coleções. Clique no campo Link, selecione Coleções e clique no nome da coleção. Para mover um item de menu para uma nova posição, clique e arraste os pontos no lado esquerdo do item de menu.
  8. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Navegação.
  4. Clique em Adicionar menu.
  5. Dê ao menu o nome de All collections. É importante que você não altere esse nome, porque ele é usado pelo seu tema para determinar quais coleções mostrar na página da lista de coleções e em que ordem. O nome do menu não aparece na loja virtual.
  6. Clique em Adicionar um item de menu.
  7. Na janela Adicionar item de menu, insira o n ome de uma coleção que você quer mostrar na página da lista de coleções. Clique no campo Link, selecione Coleções e clique no nome da coleção. Para mover um item de menu para uma nova posição, clique e arraste os pontos no lado esquerdo do item de menu.
  8. Clique em Salvar.

Em alguns temas, como Supply, basta criar o menu All collections. Para verificar se ocorreu alguma alteração, acesse a página da lista de coleções (your-store.com/collections) na loja virtual. Caso não veja mudanças, edite o código do tema.

Personalizar o modelo list-collections.liquid

É possível editar o código relacionado à página da lista de coleções para que ela exiba apenas as coleções incluídas no menu All collections.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Seções, clique em list-collections-template.liquid.
  4. Encontre cada ocorrência do seguinte código: 
{% for collection in collections %}

Alguns temas contêm o seguinte código alternativo:

{% for collection in list_collections %}

Substitua cada ocorrência do código acima por:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, clique em list-collections-template.liquid.
  6. Encontre cada ocorrência do seguinte código: 
{% for collection in collections %}

Alguns temas contêm o seguinte código alternativo:

{% for collection in list_collections %}

Substitua cada ocorrência do código acima por:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, clique em list-collections-template.liquid.
  6. Encontre cada ocorrência do seguinte código: 
{% for collection in collections %}

Alguns temas contêm o seguinte código alternativo:

{% for collection in list_collections %}

Substitua cada ocorrência do código acima por:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. Clique em Salvar.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça