DropdownCart - Yampi Developer Portal

Exibe o carrinho como um painel suspenso (dropdown) abaixo do ícone do carrinho no header. Mostra os produtos, economia acumulada e opções de desconto por método de pagamento (PIX, boleto). Usado quando cartType="suspended" no MiniCart.

Uso

Recomenda-se usar via MiniCart com cart-type="suspended". Para uso direto:

<dropdown-cart
  :mouse-hover="isHovering"
  empty-cart-text-button="Ver produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
/>

Propriedades

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`mouseHover`	`Boolean`	✅	—	Controla a visibilidade do dropdown via hover no ícone do carrinho.
`emptyCartTextButton`	`String`	✅	—	Texto do botão exibido quando o carrinho está vazio.
`emptyCartHelperText`	`String`	❌	`'Navegue pela loja e adicione produtos.'`	Texto auxiliar exibido no estado de carrinho vazio.
`emptyCartLinkButton`	`String`	❌	`'/'`	URL do botão no estado de carrinho vazio.
`highlightedPrice`	`String`	❌	`''`	Destaca o preço de um método de pagamento. Valores: `'pix'`, `'billet'` ou `''`.

⌘I