No editor de temas: PersonalizarPágina de coleçãoAdicionar secçãoPágina de coleção

Página de coleção

A grelha de produtos de uma coleção, com filtros, ordenação e paginação.

Os filtros vêm da aplicação Search & Discovery da Shopify. Adicione lá a disponibilidade, o preço, o tipo de produto e as suas opções.

Definições

Mostrar o título nesta secção: Ativado ou desativadoPredefinição: AtivadoDesative quando houver uma secção separada de Título da coleção acima desta. O título, a contagem, a descrição e o caminho de navegação vêm dessa secção. O botão de filtrar e ordenar fica sempre aqui, acima dos produtos.
Mostrar descrição da coleção: Ativado ou desativadoPredefinição: Desativado
Espaço acima do título: Controlo de deslize, de 0 a 60 pxPredefinição: 8 pxEm telemóveis é mostrado a 75% do valor.
Espaço abaixo da área do título: Controlo de deslize, de 0 a 60 pxPredefinição: 24 px
Menu para o caminho de navegação: MenuQuando a coleção está sob um item deste menu, esse item aparece no caminho.

Produtos por linha no início: Escolha: Grande, Normal, CompactaPredefinição: NormalGrande: um produto por linha no telemóvel. Normal: dois. Compacta: três, só fotografia e preço. No computador, conforme as colunas abaixo.
Deixar escolher quantos produtos aparecem por linha: Ativado ou desativadoPredefinição: AtivadoTrês botões pequenos ao lado de "Filtrar e ordenar". A escolha fica guardada durante toda a visita.
Colunas no computador, vista grande: Controlo de deslize, de 2 a 4Predefinição: 3Os tablets mostram 2, 3 e 4 colunas.
Colunas no computador, vista normal: Controlo de deslize, de 3 a 5Predefinição: 4
Colunas no computador, vista compacta: Controlo de deslize, de 4 a 8Predefinição: 5
Duração da mudança entre vistas: Controlo de deslize, de 0 a 800 msPredefinição: 420 msCada produto desliza para o novo lugar. 0: a grelha muda de imediato. Quem pediu ao dispositivo menos movimento vê sempre a mudança de imediato.
Produtos por carregamento: Controlo de deslize, de 8 a 48Predefinição: 20

Mostrar filtros: Ativado ou desativadoPredefinição: AtivadoOs filtros são configurados na aplicação Search & Discovery. Sem ela, só aparecem a disponibilidade e o preço.
Mostrar ordenação: Ativado ou desativadoPredefinição: Ativado

Definições comuns a todas as secçõesJanela, Deslocação, Espaçamento, Cores, Estilo do texto

As definições de janela, deslocamento, espaçamento e cores funcionam da mesma forma em todas as secções. Saiba como funcionam.

Junção: Escolha: Janela separada, Unida à janela de cima, Unida à janela de baixo, Unida em cima e em baixoPredefinição: Janela separada
Cantos das imagens: Escolha: Arredondados, RetosPredefinição: Arredondados

A secção seguinte cobre-a ao deslizar: Ativado ou desativadoPredefinição: DesativadoAo deslizar para baixo, esta secção fica no lugar sob o cabeçalho e a secção seguinte sobe por cima dela. Ao regressar, acontece o contrário. Desativado no editor, para visitantes que pediram movimento reduzido e em ecrãs muito baixos.

Espaçamento personalizado para esta secção: Ativado ou desativadoPredefinição: DesativadoDesativado: o espaçamento entre secções das definições do tema, em Disposição. Ativado: os valores aqui indicados, acima e abaixo desta secção. No telemóvel, a maioria das secções usa 65% desses valores.
Espaço acima: Controlo de deslize, de 0 a 160 pxPredefinição: 0 px
Espaço abaixo: Controlo de deslize, de 0 a 160 pxPredefinição: 24 px
Largura do conteúdo: Escolha: Estreita, Padrão, Larga, Largura totalPredefinição: Padrão

Esquema de cores: Esquema de coresIgual ao esquema da página: a secção fica sobre o fundo da página. Outro esquema dá à secção um fundo próprio, como um cartão dentro da moldura. As cores personalizadas abaixo têm prioridade sobre o esquema.
Usar cores personalizadas nesta secção: Ativado ou desativadoPredefinição: DesativadoCaso contrário, a secção usa as cores do tema.
Fundo: CorPredefinição: #F1F1EF
Texto: CorVazio: automático. Claro sobre fundo escuro, escuro sobre fundo claro.
Estilo do fundo: Escolha: Cor lisa, Palco iluminadoPredefinição: Cor lisaPalco iluminado: uma luz suave vinda de cima que se atenua para baixo, a partir da cor da secção, clara ou escura. Numa cor escura, o texto e os botões clareiam sozinhos.
Cor da luz: CorA luz suave a partir do centro superior. Vazio: branco.

Estilo de texto personalizado para esta secção: Ativado ou desativadoPredefinição: DesativadoCaso contrário, a secção usa o estilo do tema. Os tipos de letra do Shopify não incluem hebraico, por isso escolhe entre estilos que funcionam em hebraico.
Estilo do título: Escolha: Predefinição do tema, Leve, Negrito, Com serifaPredefinição: Predefinição do tema
Tamanho do título: Controlo de deslize, de 70 a 160 %Predefinição: 100 %
Cor do título: CorVazio: automático, usa a cor da secção (clara sobre fundo escuro).
Estilo do texto: Escolha: Predefinição do tema, Leve, Negrito, Com serifaPredefinição: Predefinição do tema
Tamanho do texto: Controlo de deslize, de 70 a 160 %Predefinição: 100 %
Cor do texto: CorVazio: automático, usa a cor da secção (clara sobre fundo escuro).

Algo aqui não corresponde ao que aparece no editor? Diga-nos e corrigimos o guia.