Passar para o conteúdo principal
Todas as coleçõesCheckoutElementos de Checkout
Como Configurar o Elemento 'Detalhes do Produto' na Rockty
Como Configurar o Elemento 'Detalhes do Produto' na Rockty

Saiba como configurar o elemento 'Detalhes do Produto' nas suas páginas para oferecer uma apresentação mais detalhada dos seus produtos.

Sylas avatar
Escrito por Sylas
Atualizado há mais de uma semana

Introdução

O elemento 'Detalhes do Produto' permite personalizar a exibição de informações detalhadas sobre seus produtos fora do elemento de Checkout. Esta configuração é ideal para destacar informações importantes e aprimorar a experiência do usuário em suas páginas de venda.


1. Como adicionar o Elemento 'Detalhes do Produto'

Para adicionar o elemento à sua página na Rockty:

  1. Adicione um novo elemento em sua página.

  2. Selecione o elemento 'Detalhes do Produto' na lista de opções disponíveis no menu lateral esquerdo.

💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.


2. Como acessar as configurações do elemento

Para acessar as configurações de um elemento:

  1. Clique no ícone de engrenagem do elemento.

  2. Ou clique com o botão direito do mouse sobre o elemento para abrir o menu de opções.

Isso disponibilizará todas as possibilidades de configuração que veremos a seguir.

Importante: Para configurar o elemento 'Detalhes do Produto' nas suas páginas, é necessário ter um elemento de Checkout configurado na página. Para detalhes sobre como configurar o elemento de Checkout, acesse nosso tutorial Configurando o Elemento Checkout.


3. Configurações do Elemento 'Detalhes do Produto'

Ajustes

  • Produto do Checkout: Selecione o produto que deseja vincular ao resumo.

  • Oferta: Escolha a oferta associada ao produto que será exibida.

  • Informações: Ative ou desative a visibilidade das informações referentes ao Autor, Descrição e Imagem do produto.


Posição

Configure a posição do elemento (esquerda, centro, direita), tamanho, margem (topo) e espaçamento interno (topo, baixo, esquerda, direita). Use valores manuais ou ajuste a barra conforme necessário.

🚨 Atenção: Evite utilizar margens negativas para não causar conflitos com outros elementos da página. Use margens negativas com moderação e evite valores excessivos.


Tipografia

  • Família da Fonte: Escolha entre centenas de fontes disponíveis para personalizar o texto.

  • Cor do Texto: Configure a cor da fonte usando a paleta de cores ou inserindo o código HEX da cor desejada. Para apagar a cor, clique no ícone de lixeira.


Avançado

  • CSS Classes: Adicione CSS personalizado para o elemento. Utilize o elemento de Script para aplicar estilos avançados.

    Para mais detalhes sobre a configuração de CSS Classes, consulte nosso tutorial aqui.


Conclusão

Com a configuração do elemento 'Detalhes do Produto', você pode oferecer informações detalhadas e personalizadas aos seus clientes, melhorando a apresentação e a funcionalidade das suas páginas de produto.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, nossa equipe de suporte está à disposição para ajudar você!

Respondeu à sua pergunta?