Alterar a ordem das coleções

Aviso

Os temas vintage não estão disponíveis na Theme Store. Esses temas não têm os recursos incluídos nos temas da Online Store 2.0 da Shopify, e os temas vintage gratuitos só recebem atualizações para correções de segurança.

Observação

Se você usa um tema gratuito da Shopify, entre em contato com a equipe de Atendimento ao cliente da Shopify para receber ajuda relacionada ao tutorial, que requer 15 minutos para o design. Saiba mais sobre a Política de design da Shopify.

Observação

Esta personalização se aplica a temas vintage da Shopify, e não aos temas da Online Store 2.0.

• Descubra a versão da arquitetura do tema da loja
• Conheça as personalizações para temas da Online Store 2.0.

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.

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:

Desktop

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.

iPhone

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. Toque em Página da lista de coleções para ver e alterar as configurações.
8. Toque em Salvar.

Android

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. Toque em Página da lista de coleções para ver e alterar as configurações.
8. Toque 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:

Desktop

1. No admin da Shopify, acesse Conteúdo > Menus.

2. Clique em Adicionar menu.

3. Dê ao menu o nome de All collections. É importante não alterar esse nome, pois ele é usado pelo tema para determinar quais coleções mostrar na página da lista de coleções e em que ordem. Vale lembrar que 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.

iPhone

1. No app da Shopify, toque no botão ….
2. Toque em Conteúdo > Menus.
3. Toque em Adicionar menu.
4. Dê ao menu o nome de All collections. É importante não alterar esse nome, pois ele é usado pelo tema para determinar quais coleções mostrar na página da lista de coleções e em que ordem. Vale lembrar que o nome do menu não aparece na loja virtual.
5. Toque em Adicionar item de menu.
6. Na janela Adicionar item de menu, insira o nome de uma coleção que você quer mostrar na página da lista de coleções. Toque no campo Link, selecione Coleções e toque no nome da coleção. Para mover um item de menu a uma nova posição, toque e arraste os pontos no lado esquerdo do elemento.
7. Toque em Salvar.

Android

1. No app da Shopify, toque no botão ….
2. Toque em Conteúdo > Menus.
3. Toque em Adicionar menu.
4. 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.
5. Toque em Adicionar item de menu.
6. Na janela Adicionar item de menu, insira o nome de uma coleção que você quer mostrar na página da lista de coleções. Toque no campo Link, selecione Coleções e toque no nome da coleção. Para mover um item de menu a uma nova posição, toque e arraste os pontos no lado esquerdo do elemento.
7. Toque 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:

Desktop

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.

iPhone

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, toque 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.

Android

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, toque 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.