Skip to main content
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

PropriedadeTipoObrigatóriaValor padrãoDescrição
emptyCartTextButtonString✅—Texto do botão exibido quando o carrinho está vazio.
emptyCartHelperTextString❌'Navegue pela loja e adicione produtos.'Texto auxiliar exibido abaixo do ícone de carrinho vazio.
emptyCartLinkButtonString❌'/'URL do botão no estado de carrinho vazio.
highlightedPriceString❌''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.