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

Página de coleção

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

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

Configurações

Título

Mostrar o título nesta seção
Ativado ou desativadoPadrão: AtivadoDesative quando houver uma seção separada de Título da coleção acima desta. O título, a contagem, a descrição e a trilha de navegação vêm dessa seção. O botão de filtrar e ordenar fica sempre aqui, acima dos produtos.
Mostrar a descrição da coleção
Ativado ou desativadoPadrão: Desativado
Espaço acima do título
Controle deslizante, de 0 a 60 pxPadrão: 8 pxNo celular, é exibido em 75% do valor.
Espaço abaixo da área do título
Controle deslizante, de 0 a 60 pxPadrã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.

Grade de produtos

Produtos por linha no início
Opção: Grande, Padrão, CompactaPadrão: PadrãoGrande: um produto por linha no celular. Padrão: dois. Compacta: três, só foto e preço. No computador, conforme as colunas abaixo.
Deixar escolher quantos produtos aparecem por linha
Ativado ou desativadoPadrão: AtivadoTrês botões pequenos ao lado de "Filtrar e ordenar". A escolha fica guardada durante toda a visita.
Colunas no computador, visualização grande
Controle deslizante, de 2 a 4Padrão: 3Tablets mostram 2, 3 e 4 colunas.
Colunas no computador, visualização padrão
Controle deslizante, de 3 a 5Padrão: 4
Colunas no computador, visualização compacta
Controle deslizante, de 4 a 8Padrão: 5
Duração da troca entre visualizações
Controle deslizante, de 0 a 800 msPadrão: 420 msCada produto desliza para o novo lugar. 0: a grade muda na hora. Quem pediu ao aparelho menos movimento sempre vê a troca na hora.
Produtos por carregamento
Controle deslizante, de 8 a 48Padrão: 20

Ferramentas

Mostrar filtros
Ativado ou desativadoPadrão: AtivadoOs filtros são configurados no app Search & Discovery. Sem ele, só aparecem disponibilidade e preço.
Mostrar ordenação
Ativado ou desativadoPadrão: Ativado
Configurações que toda seção temJanela, Rolagem, Espaçamento, Cores, Estilo do texto

As configurações de janela, rolagem, espaçamento e cores funcionam do mesmo jeito em todas as seções. Veja como funcionam.

Janela

Junção
Opção: Janela separada, Unida à janela de cima, Unida à janela de baixo, Unida em cima e embaixoPadrão: Janela separada
Cantos das imagens
Opção: Arredondados, RetosPadrão: Arredondados

Rolagem

A próxima seção a cobre ao rolar
Ativado ou desativadoPadrão: DesativadoAo rolar para baixo, esta seção fica no lugar sob o cabeçalho e a próxima seção sobe sobre ela. Ao rolar de volta, acontece o inverso. Desativado no editor, para visitantes que pediram movimento reduzido e em telas muito baixas.

Espaçamento

Espaçamento personalizado para esta seção
Ativado ou desativadoPadrão: DesativadoDesativado: o espaçamento entre seções das configurações do tema, em Layout. Ativado: os valores daqui, acima e abaixo desta seção. No celular, a maioria das seções usa 65% desses valores.
Espaço acima
Controle deslizante, de 0 a 160 pxPadrão: 0 px
Espaço abaixo
Controle deslizante, de 0 a 160 pxPadrão: 24 px
Largura do conteúdo
Opção: Estreita, Padrão, Larga, Largura totalPadrão: Padrão

Cores

Esquema de cores
Esquema de coresIgual ao esquema da página: a seção fica sobre o fundo da página. Outro esquema dá à seçã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 seção
Ativado ou desativadoPadrão: DesativadoCaso contrário, a seção usa as cores do tema.
Fundo
CorPadrão: #F1F1EF
Texto
CorVazio: automático. Claro sobre fundo escuro, escuro sobre fundo claro.
Estilo do fundo
Opção: Cor lisa, Palco iluminadoPadrão: Cor lisaPalco iluminado: uma luz suave de cima que se atenua para baixo, a partir da cor da seção, clara ou escura. Em uma cor escura, o texto e os botões clareiam sozinhos.
Cor da luz
CorA luz suave vinda do centro do topo. Vazio: branco.

Estilo do texto

Estilo de texto personalizado nesta seção
Ativado ou desativadoPadrão: DesativadoCaso contrário, a seção usa o estilo do tema. As fontes da Shopify não incluem hebraico, então você escolhe entre estilos que funcionam em hebraico.
Estilo do título
Opção: Padrão do tema, Leve, Negrito, SerifadaPadrão: Padrão do tema
Tamanho do título
Controle deslizante, de 70 a 160 %Padrão: 100 %
Cor do título
CorVazio: automático, usa a cor da seção (claro sobre fundo escuro).
Estilo do texto
Opção: Padrão do tema, Leve, Negrito, SerifadaPadrão: Padrão do tema
Tamanho do texto
Controle deslizante, de 70 a 160 %Padrão: 100 %
Cor do texto
CorVazio: automático, usa a cor da seção (claro sobre fundo escuro).

Algo aqui não bate com o que aparece no seu editor? Conte para a gente e corrigimos o guia.