SideCart - Yampi Developer Portal

Exibe o carrinho como um painel que desliza da lateral direita da tela. Mostra os produtos adicionados, subtotal, descontos por método de pagamento e o botão de finalizar compra. Usado quando cartType="side_cart" no MiniCart.

Uso

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

<side-cart
  empty-cart-text-button="Ver produtos"
  empty-cart-link-button="/produtos"
  highlighted-price="pix"
/>

Propriedades

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`emptyCartTextButton`	`String`	✅	—	Texto do botão exibido quando o carrinho está vazio.
`emptyCartHelperText`	`String`	❌	`'Navegue pela loja e adicione produtos.'`	Texto auxiliar exibido abaixo do ícone 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 `''`.

Comportamentos automáticos

Abre ao adicionar um produto ao carrinho ou ao clicar no ícone do carrinho no header.
Bloqueia o scroll da página quando aberto.
Fecha ao clicar no backdrop ou no botão de fechar.

⌘I