Introdução
O elemento 'Resumo da Compra' permite liberdade na criação da página, podendo ser adicionado fora do elemento de Checkout. Neste tutorial, você aprenderá como configurar esse elemento para melhorar a experiência de compra em suas páginas.
1. Como adicionar o 'Resumo da Compra'
Adicione um novo elemento em sua página.
Selecione o elemento 'Resumo da Compra' 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
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.
❗ Importante: Para configurar o elemento 'Resumo da Compra' 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ção do Elemento 'Resumo da Compra'
Posição
Nas configurações de posição, você pode ajustar:
Posição: Defina a posição do elemento (esquerda, centro, direita).
Tamanho: Ajuste o tamanho do elemento conforme necessário.
Margem: Configure a margem (topo) para definir o espaço ao redor do elemento.
Espaçamento Interno: Ajuste o espaçamento interno (topo, baixo, esquerda, direita) inserindo um valor manualmente ou ajustando a barra.
🚨 Atenção: Recomendamos não utilizar margens negativas para evitar conflitos com outros elementos da página. Use margens negativas com moderação e evite valores muito grandes.
Tipografia
Família da Fonte: Escolha entre centenas de fontes para personalizar o texto do elemento.
Cor do Texto: Configure a cor da fonte usando a paleta de cores ou inserindo o código HEX da cor desejada. Para apagar uma cor, clique no ícone de lixeira.
Avançado
CSS Classes: Configure CSS para o elemento nas configurações avançadas. Esse recurso permite ativar estilos através de código usando o elemento de Script.
Para mais detalhes sobre CSS Classes, acesse nosso tutorial Como Funciona a Configuração CSS Classes na Rockty.
Conclusão
Agora você está pronto para configurar o elemento 'Resumo da Compra' em suas páginas. Utilize as opções de configuração para personalizar a aparência e o posicionamento do elemento, garantindo que ele atenda às suas necessidades e preferências.
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, nossa equipe de suporte está à disposição para ajudar você!