Bug add ao carrinho

Estou com um problema, onde ao clicar no botão “Comprar” na página inicial, o produto adicionado ao mini cart é diferente ao produto selecionado anteriormente na página. Originalmente, acreditava que o problema havia sido gerado devido a alteração do texto do botão, mas aparentemente não é o caso.

Como estava:

<botão class=“produto-comprar-shelf” product-id=“$product.Id” data-sku=“$product.Id”>
Shop Now
</botão>

Como ficou:

<botão class=“produto-comprar-shelf” product-id=“$product.Id” data-sku=“$product.Id”>
Comprar
</botão>

*Tag do botão assim para o código aparecer no tópico.

Em contato com o suporte da VTEX, fui alertado sobre um possível erro na variável data-sku que estaria apresentando o mesmo conteúdo da variável product-id

Gostaria de resolver este problema, aparentemente do mini cart. O site está em CMS Legado.

Segue suporte na integra:

De todo modo, consegui identificar e validar o problema utilizando o catálogo. Nas duas versões do código que você nos enviou, o product-id e o data-sku são iguais, veja: product-id="$product.Id" data-sku="$product.Id" . Ao verificar a quarta captura de tela que você enviou, nota-se que o valor dos dois é igual a 22.

Captura de tela:
image (2)

Pelo catálogo, percebe-se que o produto de ID 22 é o Óculos Solar Ray Ban Gina RB 4399, porém o SKU de ID 22 é uma variação do Óculos Solar Prada 17WS, que é o produto exibido no minicart.

Ou seja, o problema não está associado a alteração do texto do botão e tampouco o SKU inserido no carrinho é aleatório, ele é, na verdade, o SKU de ID igual ao ID do produto. Portanto, recomendo que você conserte a variável inserida no data-sku.

1 Like

Oi @omarcoslacerda, bom dia e seja bem-vindo à comunidade VTEX.

Faz um teste usando o controle $product.productVariantId como valor do data-sku.

<botão class=“produto-comprar-shelf” product-id=“$product.Id” data-sku=“$product.productVariantId” Comprar </botão>

's