Modelo de página de carrinho

Ficando entediado com a página estática do carrinho? E se você pudesse criar um modelo de página de carrinho exclusivo para o seu site WooCommerce?

ShopEngine, um construtor WooCommerce compatível com Elementor e Gutenberg, vem com vários widgets, incluindo Tabela de carrinho, Total do carrinho, Venda cruzada e Retorno à loja para criar modelos de página de carrinho personalizados. 

Assim, você pode criar modelos de carrinho para vários idiomas (com suporte para WordPress) para scripts da esquerda para a direita (por exemplo, inglês) e da direita para a esquerda (por exemplo, árabe). Isso ajudará a tornar a página do carrinho mais dinâmica e fácil de usar. 

✨✨Plug-ins necessários:
👉👉ShopEngine: Baixar ShopEngine
👉👉Elemento: Baixar Elementor
👉👉WooCommerce: Baixe WooCommerce

Widgets do ShopEngine para modelo de página de carrinho: visão geral rápida  #

Ferramenta Propósito
Mesa de carrinhoImagem, nome, quantidade (pode ser aumentada), subtotal total
Total do carrinhoMostrar subtotal, taxa de envio, taxa total, finalização da compra 
Venda cruzadaPara exibir produtos 
Botão Voltar à LojaContinue comprando
Mensagem de carrinho vazioExibir a mensagem “Seu carrinho está vazio” 
Atualizar carrinhoAtualizar itens recém-selecionados 
Carrinho claraRemover todos os itens 
Botão de cupom Para inserir o código do cupom 

Como criar um modelo de página de carrinho com ShopEngine – 2 estilos #

É hora de seguir as etapas para criar o modelo de página do carrinho. Você pode usar o estilo Border Cart e também o estilo RTL (da direita para a esquerda) para criar seu próprio modelo. E você não precisa alternar entre o editor e o modo de visualização para ver seu design.

Estilo 1 – Estilo de carrinho de borda #

Etapa 1: crie um novo modelo de carrinho #

  • Depois de fazer login no painel do WordPress, vá para “ShopEngine” -> “Modelos de Construtor”
Crie um novo modelo de carrinho
  • Clique em "Adicionar novo". Uma guia de configuração de modelo aparecerá
  • Colocou o "Nome do modelo”. Próximo, Selecione o tipo de página -> Carrinho
  • Você pode ligar o "Ativo" botão ou mantenha-o desligado. Ele também pode ser alterado após concluir o design do modelo.
  • Selecione os “Desenho de amostra vazio” para desenvolver seu próprio design usando widgets de página de carrinho
  • Agora clique em “Editar com Elementor”
Crie um novo modelo de carrinho

Etapa 2: escolha a estrutura do bloco #

A seguir, você pode ver todos os widgets no lado esquerdo. No lado direito, você precisa selecionar a estrutura do bloco. Você pode arrastar e soltar os widgets para criar o design.

Etapa 3: embeleze o modelo de página do seu carrinho com widgets de carrinho #

Vá para um bloco de carrinho do ShopEngine e você poderá criar o seu próprio. Aqui você obterá alguns widgets de carrinho do ShopEngine especificados, incluindo tabela de carrinho, total do carrinho, vendas cruzadas, mensagem de carrinho vazio, retorno à loja, etc.

Além disso, você pode usar os widgets do Elementor como cabeçalhos, editor de texto, botões, widgets de imagem, etc.

Vamos ver como personalizá-los:

Modelo de página de carrinho com ShopEngine

Etapa 4: publique o modelo da página do seu carrinho #

  • Depois de terminar de projetar, clique em "Atualizar".
  • Agora vá para o Página do carrinho -> Você pode ver que a página do carrinho desejada está sendo exibida de acordo.

Estilo 2 – estilo RTL #

O procedimento para criar o modelo de página de carrinho estilo RTL é o mesmo do estilo de carrinho com borda. Você só precisa iniciá-los na direção direita. 

Este estilo é útil principalmente para idiomas da direita para a esquerda, como árabe, urdu, persa, etc. 

Observação: certifique-se de ter alterado a configuração de idioma do site para o idioma de sua preferência. Vá para Configurações ⇒ Geral ⇒ selecione “Idioma do Site”.

👉👉Saiba mais - Como usar o layout RTL nos modelos do ShopEngine 

Como inserir um modelo de página de carrinho pré-construído do ShopEngine #

Não tem tempo para projetar do zero? Não se preocupe!

ShopEngine tem 2 pré-construção modelos de carrinho de compras, como Border Cart Style e RTL.

  • Navegue no ShopEngine como na etapa 1 de Estilo de carrinho de borda
  • Escolha o Estilo de carrinho de borda ou RTL modelo em vez de escolher um design de amostra vazio
  • Clique em “Editar com Elementor”

Você também pode personalizá-los de acordo com suas preferências usando outros widgets ou reorganizando ou modificando os widgets existentes. 

  • Clique em "Atualizar"
Estilo de carrinho de borda e RTL

Então por que você está esperando? Projete sua página de carrinho de forma mais dinâmica com os modelos de página de carrinho do ShopEngine.

Quais são os seus sentimentos
Atualizado em 28 de janeiro de 2024