O widget Checkout- Order Review do ShopEngine oferece muitas opções de personalização. Você pode ajustar os elementos da tabela como Produto, Total e Subtotal com vários parâmetros, incluindo cor, tipografia, margem, preenchimento, etc.

Como usar o widget Checkout - Revisão de pedidos? #

A criação de uma página de revisão de pedido de checkout envolve as seguintes etapas: 1. Habilitar o widget, 2. Editar o modelo de Checkout e 3. Personalizar o widget.

Etapa 1: ativar o widget Revisão de pedidos #

Para ativar o widget,

1. Navegar para Shop Engine > Widgets.
2. Habilite o Revisão do pedido ferramenta.
3. Clique no SALVAR ALTERAÇÕES botão no canto superior direito.

Etapa 2: edite o modelo de checkout #

o widget Order Review funciona com o modelo ShopEngine Checkout. Portanto, você precisa criar um modelo para a página de checkout usando o construtor de modelos ShopEngine.

Para criar um modelo navegue até ShopEngine > Builder Template > Adicionar novo.

Siga a documentação para aprender como criar uma página WooCommece Checkout com ShopEngine.

Se você tiver o modelo Checkout criado, poderá vê-lo no topo da lista. Agora clique em “Editar com Elementor”Para mudar para a janela Elementor.

Etapa 3: personalizar o widget Revisão do pedido de checkout #

Depois disso, encontre o widget Checkout Order Review na barra lateral esquerda. Em seguida, arraste e solte o widget na área de design.

Você pode personalizar o seguinte recurso no widget,

3.1 Cabeçalho da Tabela #

1. Escolha o Cor do texto.
2. Selecione os Cor inferior da borda.
3. Escolha o Cor da sombra inferior da borda.
4. Colocou o Tipografia para o cabeçalho.
5. Ajuste o cabeçalho Preenchimento.
6. Ajusta a Margem Inferior do cabeçalho.

3.2 Corpo da Tabela #

O corpo da tabela contém os produtos e seus preços.

Para personalizar o corpo da tabela,

1. Escolha um Cor do texto (cor do texto do nome do produto).
2. Definir um Fundo Bruto color (cor de fundo da seção do corpo).
3. Escolha um Preço Cor.
4. Selecione um Cor da borda do item (cor da borda abaixo de cada item).
5. Selecione um Cor da sombra da borda dos itens.
6. Colocou o Peso da fonte do preço (Tipografia do texto do preço).
7. Colocou o Tipografia de texto.
8. Ajusta a Preenchimento de linha e Espaço de linha intermediário os produtos.
9. Ajuste o produto Tamanho da imagem.

3.3 Rodapé da Tabela #

1. Selecione uma Cor do texto.
2. Escolha um Preço Cor para texto de preço.
3. Escolha o Cor da borda da linha e Cor da sombra da borda da linha.
4. Definir Tipografia de texto.
5. Ajusta a Preenchimento para o rodapé da tabela.

3.4 Fonte Global #

Escolha a fonte da tabela de revisão de pedidos na seção Fonte Global usando o parâmetro Família de fontes. A fonte do texto está definida como padrão, mas você pode escolher a fonte de sua preferência.

Finalmente, o modelo de revisão de pedido de checkout está pronto. O modelo fica visível quando o usuário prossegue para a finalização da compra.

Esta é a aparência da tabela de revisão de pedidos na página de checkout-

Desta forma, você pode utilizar nosso widget Revisão de Pedidos, fazer as modificações necessárias e proporcionar uma experiência tranquila aos seus clientes.