Lista de coleções
Mostre as coleções que escolher, cada uma com a sua imagem e nome.
Mosaicos de coleções com imagem e nome, cada um com ligação para a página da coleção. Use-o para atalhos visuais como “Comprar por categoria” ou “Comprar por marca”.
Adicionar o bloco
-
Escolha um esquema
No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Collection, passe o rato sobre um esquema e clique em Select: Collection list - image top (imagem grande, nome por baixo) ou Collection list - image left (imagem pequena, nome ao lado).
(1) Clique em Collection, (2) escolha um esquema. O primeiro esquema, Collection spotlight, é um bloco à parte. Consulte Coleção em destaque.
-
Escolha as coleções
Em Edit Item (editar item), clique em Select collections (selecionar coleções) e escolha as coleções a mostrar.
O bloco Collection list na pré-visualização, com as definições em Edit Item. -
Guarde e publique
Ajuste as definições abaixo e clique em Save e Publish.
Definições
- Width
- A parte da linha do mega menu que o bloco ocupa: Auto ou de 8,33% a 100%.
- Layout
- Image above (imagem em cima) ou Image left (imagem à esquerda). Pode mudar a qualquer momento.
- Item(s) per row
- 1, 2, 3, 4 ou 6 coleções por linha.
- Image ratio
- Auto, 1:1, 4:3, 3:4, 16:9 ou 9:16. Dá a mesma forma a todas as imagens das coleções.
- Collections
- As coleções a mostrar.
- Visibility
- Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. Consulte Definições comuns a todos os blocos.
Sugestões
- As imagens das coleções têm formas muito variadas. Defina Image ratio como 1:1 para uma linha arrumada de mosaicos iguais.
- Os títulos e as imagens são atualizados automaticamente. Se eliminar uma coleção ou alterar o respetivo handle (URL), abra o bloco e volte a escolhê-la.
Resolução de problemas
Uma coleção mostra um marcador de posição cinzento
A coleção não tem imagem. Adicione uma no Shopify admin > Produtos > Coleções e o menu passa a usá-la automaticamente.
Esta página foi útil?
Obrigado pelo seu feedback! Diga-nos o que faltou
Comunicar um problema