Páginas de coleções

As coleções são páginas que você cria para agrupar produtos específicos em categorias. É possível ter coleções inteligentes e coleções manuais.

Por padrão, as páginas de coleção têm as seções Banner da coleção e Grade de produtos no editor de temas.

Configurações da seção Banner da coleção

A seção Banner da coleção exibe a descrição e a imagem em destaque da coleção que está sendo visualizada.

As configurações da seção Banner da coleção nas páginas de coleções

Configuração	Descrição
Exibir descrição da coleção	Exibe a descrição da coleção.
Exibir imagem da coleção	Exibe a imagem da coleção.
Esquema de cores	Um conjunto de cores que podem ser aplicadas à seção. Saiba mais sobre esquemas de cores.

## Configurações da seção da grade de produtos {#product-grid-show-product-rating}

A seção Grade de produtos exibe os produtos incluídos na coleção que está sendo visualizada.

As configurações da seção Grade de produtos nas páginas de coleções

Configuração	Descrição
Produtos por página	O número de produtos que você deseja exibir em cada página. Escolha múltiplos de 4, entre 8 e 36.
Número de colunas no desktop	Defina o número de colunas para os produtos serem exibidos em computadores desktop. Escolha um número entre 1 e 6.
Esquema de cores	Um conjunto de cores que podem ser aplicadas à seção. Saiba mais sobre esquemas de cores.
Proporção da imagem	Defina a proporção da imagem para as imagens em destaque dos produtos exibidos na grade de produtos. Escolha entre as seguintes opções: Adaptar à imagem: usa a proporção da imagem para evitar que ela seja cortada. Retrato: corta as imagens para usar a proporção 2:3. Quadrado: corta as imagens para usar a proporção 1:1.
Formato da imagem	Escolha um dos formatos abaixo para as imagens de produto: Padrão: altera a imagem do produto para o formato retangular. Arco: curva a parte superior da imagem do produto. Bolha: arredonda a imagem do produto com uso de um dentre seis formatos de bolha aleatórios que mostram uma animação exclusiva quando o mouse passa sobre eles. Chevron para a esquerda: altera a imagem do produto para o formato de chevron com uma inclinação acentuada para a esquerda. Chevron para a direita: altera a imagem do produto para o formato de chevron com uma inclinação acentuada para a direita. Diamante: altera a imagem do produto para o formato de diamante com quatro lados. Paralelogramo: altera a imagem do produto para um formato com dois pares de linhas paralelas. Arredondado: arredonda a imagem do produto para um formato circular ou oval que mostra uma animação exclusiva quando o mouse passa sobre ele.
Exibir segunda imagem ao passar o cursor	Quando um cliente passa o cursor sobre as imagens do produto em um computador desktop, esta opção exibe a segunda imagem do produto, se o produto tiver uma.
Exibir fornecedor	Exibe o fabricante de cada produto.
Exibir avaliação do produto	Mostra a classificação média do produto em estrelas junto com o número de avaliações entre parênteses, por exemplo: ★★★★★ (8). Para tanto, é necessário ter um app de avaliação de produto e definições de metacampo de reviews.rating_count e reviews.rating.
Adição rápida	Se você ativar a opção Adição rápida, seus clientes poderão adicionar um item ao carrinho a partir do cartão do produto. Escolha entre as seguintes opções: Nenhum: nenhum recurso de adição rápida é exibido. Padrão: exibe um dos seguintes botões de adição rápida nos cartões de produto: Adicionar ao carrinho: para produtos de única variante. Quando um cliente clica no botão, o produto é adicionado automaticamente ao carrinho. Escolher opções: para produtos com variantes. Quando um cliente clica no botão, uma caixa de diálogo pop-up é exibida para que seja possível fazer a seleção da variante e prosseguir com a compra. Em massa: exibe a funcionalidade Lista de pedidos rápidos.
Habilitar filtragem	Selecione esta opção se quiser que seus clientes tenham opções para filtrar a grade de produtos.
Layout de filtro para desktop	Defina como seus filtros serão exibidos em computadores desktop. Escolha entre o layout Horizontal, Vertical ou Gaveta.
Habilitar organização	Selecione esta opção se desejar que seus clientes tenham opções para classificar a ordem de exibição dos produtos.
Número de colunas em dispositivos móveis	Defina o número de colunas para os produtos serem exibidos em dispositivos móveis. Escolha 1 ou 2 colunas.
Preenchimento superior	Defina a quantidade de espaço na parte superior da seção.
Preenchimento inferior	Defina a quantidade de espaço na parte inferior da seção.

Além das configurações da seção Grade de produtos, você também pode visualizar e personalizar algumas das Configurações de tema para cartões de produtos e adicionar sua própria CSS personalizada específica da seção.