Pagina de produto com quantidade em estoque

Olá @g.barbeiro e @RosaBernarda.


Contagem de Estoque - Versão VTEX Legacy

Basicamente caso estejam usando uma loja com a versão VTEX Legacy, em toda página do produto tem um objeto skuJson_0.

Dentro desse objeto você consegue pegar a quantidade pelo nó:

skuJson_0.skus[0].availablequantity

Então com um pouco de JS você injeta a quantidade antes ou depois de qualquer elemento.


Contagem de Estoque - Versão VTEX IO

Caso seja uma PdP construída com o VTEX IO, você pode adicionar a dependência VTEX.product-availability" para o teu manifest e depois implementar o bloco abaixo dentro do teu blocks.json

"product-availability": {
  "props": {
    "threshold": "10",
    "lowStockMessage": "Only {quantity} left!",
    "highStockMessage": "Item in stock!"
  }
}

Comentário da VTEX:

Complementando este comentário, nativamente não temos uma funcionalidade específica para esta configuração. Pra realizar isso, sugerimos fazer por meio de uma customização de front-end e API, conforme descrito acima, no qual se faz uma simulação do checkout para ver a disponibilidade do SKU (produto) de acordo com o CEP do usuário e o centro de distribuição que entregaria no endereço dele, com isso, mostra no front-end a quantidade disponível do produto que ele está buscando de maneira mais assertiva.