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:
Adicione um novo elemento em sua página.
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:
Clique no ícone de engrenagem do elemento.
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ê!