O Pixpa permite que você altere o layout da página de listagem de produtos e da página detalhada do produto. Confira os links abaixo para ver a diferença entre eles:
Além do layout, você pode gerenciar o espaçamento da grade dos produtos, ordem de lista de produtos padrão, lista de produtos e opções de classificação, imagens de produtos, fonte de título/metadados do produto e muitas outras opções.
Gerencie o design da página de listagem de produtos:
- Entrar design da loja (1) na barra de pesquisa.
- Nos resultados relacionados, clique no botão Design De Loja opção (2) em Links do estúdio.
- Agora, do Páginas da loja (3), você veria as opções de design para o página de listagem de produtos.
Isso o levará à página de layout, onde você pode escolher o layout da página de listagem de produtos.
As opções disponíveis aqui podem ser categorizadas como:
- Configurar design para páginas da loja
- Listagem e classificação de produtos.
- Imagens de produtos.
- Texto
- Categorias de Produtos
- Etiquetas de estado
- Opções de celular
Configurar design para páginas da loja
- traçado – Escolha o layout para o página de listagem de produtos (1) e acerte o salvar (2) botão.
- Largura – Escolha a largura da página de listagem de produtos.
- Espaçamento da grade – Gerencie o espaçamento entre os produtos na página de listagem de produtos.
Listagem e classificação de produtos
- Produtos por página – Escolha quantos produtos aparecem em uma página. Você pode escolher entre 12, 24, 36 e 48.
- Mostrar classificação de produtos – Escolha se a opção de classificação aparece na página de listagem de produtos.
- Posição de classificação do produto – Especifique onde a opção de classificação aparece na página de listagem de produtos.
Imagens de produtos
- Proporção da imagem – Escolha a proporção da imagem para as imagens do produto. Não seria aplicável para o Bloco Quadrado layout.
- Mostrar Imagem Invertida – Ative-o se quiser que as próximas imagens do produto apareçam quando alguém passar o mouse sobre a primeira imagem.
Veja como funciona a imagem flip-over:
- Cantos arredondados – Especifique um valor para tornar as imagens do produto arredondadas nos cantos.
Texto
- Alterar Estilo do Texto – Clique neste botão para personalizar as fontes usado em seu site.
- Fonte do título do produto – Escolha a fonte (H1, H2, H3, H4, P, P (grande) e P (pequeno)) para o título do produto.
- Fonte de metadados do produto – Escolha a fonte do texto diferente do título do produto na página de listagem de produtos.
- Alinhamento de texto – Escolha o alinhamento (esquerda, centro e direita) para o texto.
Categorias de Produtos
- Mostrar categorias – Escolha se as categorias aparecem na página de listagem de produtos.
- Estilo de exibição – Escolha o estilo de exibição para categorias de produtos. Você pode escolher entre Estilo de nuvem de tags 1 e 2 e menu suspenso.
- Posição – Escolha onde as categorias de produtos aparecem.
- Estilo da Fonte – Escolha a fonte para as categorias de produtos.
- Espaçamento Horizontal – Especifique o espaço entre as categorias de produtos.
Rótulos de status
- Veja mais rótulos de lojas – Clique neste botão para personalize as etiquetas da sua loja.
- Mostrar etiqueta de venda – Escolha se aparece ou não a etiqueta de venda e o texto da mesma.
A etiqueta de venda aparece quando você especificou o comparar pelo preço para um produto. - Mostrar baixo na etiqueta de estoque – Escolha se o baixo estoque rótulo aparece sobre seus produtos ou não.
Esta etiqueta aparece quando o nível de estoque de um produto atinge o valor limite especificado para baixo no alerta de estoque. - Mostrar etiqueta de volta/pré-encomenda – Escolha se o Voltar/Pré-encomenda rótulo aparece sobre seus produtos ou não.
Esta etiqueta aparece sobre os produtos nos quais você ativou a ordem de espera. - Adicionar à etiqueta do carrinho - Personalizar o Adicionar no carrinho rótulo que aparece em sua loja.
- Etiqueta Em Breve - Personalizar o Em Breve etiqueta que aparece em seus produtos.
- Cor base da etiqueta – Selecione a cor base para a etiqueta.
- Cor do texto da etiqueta – Selecione a cor do texto para o texto do rótulo.
Opções de celular
- Colunas da grade – Escolha o número de colunas de grade na página de listagem de produtos para a visualização móvel.
- Calha de Grade – Especifique a medianiz/espaçamento da grade para a visualização móvel.
Bata o Salvar botão para salvar suas alterações.
É isso. O estilo escolhido será aplicado às páginas de listagem de produtos da sua loja.
Observação: O layout da página de listagem de produtos também será aplicado em categoria de loja Páginas.