Alterar a ordem das coleções

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

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.

Passos:

  1. No menu suspenso do topo da página ou o menu Modelos em um dispositivo móvel, selecione Lista de coleções.

  2. Clique em Página da lista de coleções para ver e alterar as configurações.

  3. 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.

Passos:

  1. Clique em Adicionar menu.

  2. Dê ao menu o nome de All collections. É importante que você não altere esse nome, pois ele é usado pelo tema para determinar quais coleções são exibidas na página da lista de coleções e em que ordem. O nome do menu não aparece na loja virtual.

  3. Clique em Adicionar um item de menu.

  4. Na janela Adicionar item de menu, insira o nome de uma coleção que você quer mostrar na página. Clique no campo Link, selecione Coleções e, depois, clique no nome da coleção.

    Clique e arraste os pontos no lado esquerdo de um item de menu se quiser movê-lo para uma nova posição.

  5. 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.

Passos:

  1. No diretório Seções, clique em list-collections-template.liquid.

  2. 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