ProductCartBox - Yampi Developer Portal

Card de produto dentro do carrinho. Renderiza a imagem, nome, variação selecionada (SKU), campos de customização, preço unitário e total, além de controles para alterar a quantidade ou remover o item.

Uso

<ProductCartBox
  :product="cartItem"
  :show-product-total-price="true"
  :show-product-quantity="true"
/>

Propriedades

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`product`	`Object`	✅	—	Objeto do item no carrinho com `id`, `name`, `price`, `grids`, `customizations`, `quantity`, etc.
`showProductTotalPrice`	`Boolean`	❌	`true`	Exibe o preço total do item (preço unitário × quantidade).
`showProductQuantity`	`Boolean`	❌	`true`	Exibe os controles de quantidade (aumentar/diminuir/remover).

Comportamentos automáticos

Remoção: ao clicar no botão de remover, o item é retirado do carrinho via Vuex.
Quantidade: alterações na quantidade atualizam o carrinho em tempo real.
Brindes: itens do tipo brinde são exibidos com indicação visual e sem controle de quantidade.
Combos: itens de combo exibem o preço do conjunto, não individual.

⌘I