MiniCart - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`emptyCartTextButton`	`String`	✅	—	Texto do botão exibido quando o carrinho está vazio.
`cartType`	`String`	❌	`'suspended'`	Tipo de exibição do carrinho. Valores: `'suspended'` (dropdown) ou `'side_cart'` (drawer lateral).
`showCartSavings`	`Boolean`	❌	`true`	Exibe o resumo de economia total no rodapé do carrinho.
`showProductCartSavings`	`Boolean`	❌	`true`	Exibe a economia individual de cada produto no carrinho.
`emptyCartHelperText`	`String`	❌	`'Navegue pela loja e adicione produtos.'`	Texto descritivo exibido quando o carrinho está vazio.
`emptyCartLinkButton`	`String`	❌	`''`	URL de destino do botão exibido no carrinho vazio.
`highlightedPrice`	`String`	❌	`''`	Destaca o preço de um método de pagamento específico. Valores: `'pix'`, `'billet'` ou `''`.
`cashbacks`	`Array`	❌	`[]`	Lista de cashbacks ativos para exibição no carrinho.

⌘I