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 título do produto/fonte de metadados, produtos relacionados e navegação estrutural.
Neste artigo:
Personalize o design da página de detalhes do produto:
- 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 do produto (3), você veria as opções de design para o página do produto.
Isso o levaria à página de layout, onde você pode escolher o layout da página do produto.
traçado
- traçado – Escolha o layout da página de detalhes do produto.
- Largura – Selecione a largura da página de detalhes do produto.
- Largura total' exibirá a página do produto enquanto cobre toda a largura sem deixar nenhuma margem.
- 'Largura do site' pode ser especificado no Design seção. Você pode especificar uma largura fixa lá.
Ele exibirá a página do produto aderindo à largura fixa especificada.
- Exibição de imagens do produto – Especifique como as imagens do produto devem ser exibidas na página do produto. Você pode mostrá-los com miniaturas ou como uma pilha vertical.
- Lightbox para imagens de produtos – Ative-o para permitir o modo lightbox para imagens de produtos.
- Ativar compartilhamento social – Marque esta opção para exibir ícones sociais para compartilhamento na página de detalhes do produto.
Texto
Clique no Alterar Estilo do Texto botão personalizar as fontes usado em seu site.
- 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 para o título do produto.
- Fonte do preço do produto – Escolha a fonte para o preço do produto.
- Fonte de metadados do produto – Escolha a fonte do texto diferente do título do produto e do preço do produto na página de detalhes do produto.
Seções de informações
- Gerenciar o fonte do título da seção de informações. Verifique também: Estilo de texto do site.
- Escolha o estilo das seções de informações nas páginas de produtos. Você pode exibir as seções de informações em Acordeão Vertical or Acordeão horizontal (com guias).
- Escolha expandir a primeira seção de informações adicionado ao produto por padrão. Isso funcionará apenas com a opção Acordeão Vertical.
Produtos relacionados
Esta é a seção que normalmente exibe itens complementares ou semelhantes ao produto que o cliente está visualizando no momento, incentivando compras adicionais e aprimorando a experiência de compra.
- Mostrar produtos relacionados – Marque esta opção para exibir produtos relacionados na página de detalhes do produto.
- Ordenar por - Escolha como classificar os produtos relacionados nas páginas de produtos. Você pode escolher entre quatro opções diferentes:
- Produtos Mais recentes - À medida que você adiciona produtos à Loja, eles serão classificados, com os produtos mais recentes aparecendo primeiro na seção de produtos relacionados.
- Mais vendidos – Os produtos relacionados serão organizados com base no desempenho de vendas, com os produtos mais vendidos aparecendo primeiro.
- Estoque mais alto – Os produtos serão organizados de acordo com o estoque restante, sendo o produto com maior estoque exibido primeiro.
- Aleatório - Os produtos relacionados serão classificados aleatoriamente.
- Número de produtos – Escolha quantos produtos devem aparecer no produtos relacionados seção.
- Rótulo - Especifique o rótulo da seção de produtos relacionados.
- Exibição - Escolha o estilo em que os produtos serão exibidos na seção de produtos relacionados. Você pode selecionar opções como Quadrado, Horizontal, Vertical e Dinâmico.
Navegação de navegação
- Visibilidade – Especifique a visibilidade/posição da navegação estrutural na página de detalhes do produto.
- Navegação superior – Escolha a navegação estrutural superior para a página de detalhes do produto. você pode escolher entre Pão ralado – Esquerda / Direita, Breadcrumbs com Nome da Categoria, Breadcrumbs com Anterior/Próximo, Anterior/Próximo – Centro ou Lados, Títulos de Conteúdo, e Voltar para a loja opções.
- Estilo de fonte principal – Escolha a fonte para a navegação de breadcrumb superior.
- Navegação Inferior – Escolha a navegação estrutural inferior para a página de detalhes do produto. você pode escolher entre Anterior/Seguinte – Centro ou Lados, e Títulos de conteúdo opções.
- Estilo de Fonte Inferior – Escolha a fonte para a navegação de breadcrumb inferior.
Verifique também: Opções de navegação de pastas.
Dê uma olhada no breadcrumbs da página do produto onde no Pão ralado – Esquerda opção é selecionada como a Navegação superior:
Aqui está um exemplo do navegação breadcrumb em ação.
Finalmente, acerte o Salvar botão para salvar todas as suas alterações.
É isso. O estilo escolhido será aplicado às páginas de produtos da sua loja.