Para mostrar apenas algumas coleções numa página do Shopify, cria um modelo de página com uma secção Lista de coleções, escolhe as coleções que queres destacar e atribui esse modelo a uma página. Depois, liga o botão da homepage a essa página.
Este percurso serve quando o botão principal leva à listagem de todas as coleções, mas só queres destacar algumas nesse destino.
Se ainda estás a decidir como agrupar os produtos, começa pela organização das coleções. Aqui vamos tratar de outra tarefa: apresentar uma seleção de coleções que já existem, sem refazer o catálogo.
O que vais criar
Há duas peças neste processo. O modelo define a apresentação: título, lista de coleções e disposição dos elementos. A página tem o nome, o endereço e a visibilidade, e usa esse modelo.
Guardar um modelo no editor não cria, por si só, uma página para o cliente visitar. Falta criar a página e fazer a ligação entre ambos, para teres um destino para o botão.
Imagina uma loja fictícia de artigos para casa. Queres que o botão “Explorar coleções” mostre apenas “Mesa”, “Iluminação” e “Têxteis”. Existem outras coleções para campanhas, mas não as queres nesta seleção. Anota as três que devem aparecer antes de abrires o editor.
Não precisas de apagar as restantes coleções. Estás a escolher o que entra nesta página. Deixá-las fora da seleção também não as torna privadas nem impede que sejam encontradas através de outros links.
Confirma se o teu tema permite este percurso
Precisas de acesso ao editor de temas e à gestão de páginas, além das coleções preparadas para serem vistas na loja. O procedimento aplica-se a temas que permitem criar modelos de página e acrescentar uma lista de coleções no editor.
Os nomes dos controlos podem variar com o tema, a versão e o idioma. Procura Páginas > Criar modelo e Lista de coleções; se os nomes forem diferentes, confirma o equivalente na documentação do teu tema.
Se preferires preparar a apresentação numa cópia do tema, lembra-te de uma limitação: os modelos disponíveis para atribuição no painel vêm do tema publicado. Podes pré-visualizar um modelo na cópia, mas ele não aparece automaticamente no seletor da página. A documentação sobre modelos do Shopify explica esta diferença entre pré-visualizar e atribuir.
Cria um modelo só para esta seleção
- Em Loja online > Temas, abre Editar tema. Algumas versões do painel usam o nome Personalizar.
- No seletor de páginas do editor, no topo, entra em Páginas e escolhe Criar modelo.
- Dá-lhe um nome reconhecível, como
colecoes-escolhidas. Se aparecer a escolha de um modelo de base, usa o de página predefinida para este exercício. - Revê o conteúdo que o novo modelo herdou. Mantém a secção que apresenta o título da página se quiseres esse título visível.
- Na área do modelo, escolhe Adicionar secção e procura Lista de coleções.
Cria um modelo próprio para evitares acrescentar esta lista a todas as páginas que usam o modelo predefinido. E mantém esse cuidado depois: se atribuíres colecoes-escolhidas a outras páginas, uma alteração nesta estrutura também se reflete nelas.
Não precisas de alterar o cabeçalho ou o rodapé para montar a seleção. Trabalha na área central do modelo, onde acrescentaste a secção.
Escolhe as coleções e ajusta a grelha
A secção pode trazer entradas de exemplo. Cada entrada permite selecionar uma coleção; procura a opção de acrescentar outra se precisares de mais. O número inicial e os limites dependem do tema.
Abre cada bloco ou entrada da lista e escolhe a coleção correspondente. No exemplo fictício, selecionas “Mesa”, “Iluminação” e “Têxteis”. Remove as entradas de exemplo de que não precisas e organiza a sequência que queres apresentar.
Depois, revê as imagens e os nomes. Se vires um espaço vazio, confirma primeiro se a coleção tem imagem e revê as opções dessa entrada no tema.
Experimenta o número de colunas disponível, olhando também para a pré-visualização de telemóvel. Três cartões lado a lado podem funcionar no computador e ficar demasiado pequenos num ecrã estreito. Escolhe uma disposição em que se consiga reconhecer a imagem e ler o nome sem esforço. Guarda o modelo.
Se não encontrares Lista de coleções, consulta a documentação ou o suporte do teu tema antes de avançar para código. A Shopify confirma que as secções e os blocos disponíveis dependem do tema e da versão. Este tutorial não exige que instales uma aplicação para contornar um controlo que não encontraste.
Cria a página e atribui o modelo
Sai do editor e abre Loja online > Páginas. Cria uma página com um título que explique o destino, por exemplo “Explorar coleções”.
No campo Modelo de tema, seleciona colecoes-escolhidas, ou o nome que escolheste. Guarda e pré-visualiza. Quando estiver revista e pronta para ser visitada, define a visibilidade da página como Visível.
Se o modelo não aparecer, confirma que o criaste no tipo Páginas e que está disponível no tema publicado. Não escolhas um modelo com um nome parecido sem verificar o conteúdo.
Abre a página e compara-a com a tua lista inicial. Devem aparecer as três coleções escolhidas, com os destinos certos. Se surgir apenas uma página de texto, volta à atribuição do modelo antes de reconstruíres a secção.
Liga o botão da homepage e testa o percurso
Volta ao editor, abre a homepage e seleciona a secção ou o bloco que contém o botão. No campo da ligação, escolhe a nova página em vez da listagem de todas as coleções. Revê também o texto do botão: “Explorar coleções” descreve este destino melhor do que o nome de uma única coleção. Guarda.
Faz a verificação fora do editor, no computador e no telemóvel:
- Começa na homepage e carrega no botão que alteraste.
- Confirma o título da página e a presença apenas das coleções escolhidas.
- Abre cada cartão e verifica que leva à coleção certa.
- Confirma que imagens e nomes não ficam cortados e que consegues tocar nos cartões sem dificuldade.
- Abre outra página que use o modelo predefinido para confirmar que não recebeu esta lista por engano.
Se o destino estiver certo, mas o título de uma coleção não aparecer depois do clique, tens um problema diferente, tratado no artigo sobre coleções sem título visível.
Este tutorial foi preparado a partir de uma demonstração numa sessão de esclarecimento da Academia Shopifyers.
