Skip to main content
Ponto de entrada do carrinho no header. Renderiza o DropdownCart ou o SideCart dependendo do valor de cartType. É o componente recomendado para incluir o carrinho em templates customizados de header.

​
Uso

Carrinho dropdown (padrão): 
<mini-cart
  cart-type="suspended"
  :show-cart-savings="true"
  :show-product-cart-savings="true"
  empty-cart-helper-text="Seu carrinho está vazio."
  empty-cart-text-button="Explorar produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
  :cashbacks="{{ cashbacks | json_encode }}"
/>
Carrinho lateral (side cart): 
<mini-cart
  cart-type="side_cart"
  empty-cart-text-button="Explorar produtos"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
emptyCartTextButtonString✅—Texto do botão exibido quando o carrinho está vazio.
cartTypeString❌'suspended'Tipo de exibição do carrinho. Valores: 'suspended' (dropdown) ou 'side_cart' (drawer lateral).
showCartSavingsBoolean❌trueExibe o resumo de economia total no rodapé do carrinho.
showProductCartSavingsBoolean❌trueExibe a economia individual de cada produto no carrinho.
emptyCartHelperTextString❌'Navegue pela loja e adicione produtos.'Texto descritivo exibido quando o carrinho está vazio.
emptyCartLinkButtonString❌''URL de destino do botão exibido no carrinho vazio.
highlightedPriceString❌''Destaca o preço de um método de pagamento específico. Valores: 'pix', 'billet' ou ''.
cashbacksArray❌[]Lista de cashbacks ativos para exibição no carrinho.