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.
- Lightbox para imagens de produtos – Ative-o para permitir o modo lightbox para imagens de produtos.
- Raio de canto – Personalize os cantos das imagens na página do produto ajustando o raio do canto para torná-los arredondados ou quadrados. Isso inclui imagens de produtos, imagens em miniatura e imagens de produtos relacionados.
- Ativar compartilhamento social – Marque esta opção para exibir ícones sociais para compartilhamento na página de detalhes do produto.
- Habilitar tags de produto – Marque esta opção para exibir tags que foram adicionadas ao produto na página de detalhes do produto.
- Exibir SKU nas páginas de produtos e e-mails de pedidos – Ative esta opção para exibir o SKU (Unidade de Manutenção de Estoque) nas páginas de detalhes do produto e em e-mails de pedidos. O SKU aparecerá nas páginas de produtos da loja em tempo real, tanto para produtos antigos quanto novos. Para e-mails de pedidos, o SKU só será incluído nos e-mails enviados após a ativação da opção. Isso ajuda a melhorar o rastreamento do estoque, a identificação do produto e a gestão de pedidos, tanto para o proprietário da loja quanto para os clientes.
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 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.
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 Economize botão para salvar todas as suas alterações.
É isso. O estilo escolhido será aplicado às páginas de produtos da sua loja.