Desconto não aparecendo no product-price-savings ao criar uma promoção

Eu estou com uma loja aqui onde o cliente criou uma regra na aba promoção no admin.

A porcentagem do desconto aparece na shelf e pdp, ambas usam o bloco bloco “product-price-savings”, porém ela não aparece na página de categorias, mesmo sendo o mesmo produto (Imagem abaixo para contexto visual). Todas as páginas usam o mesmo bloco de “product-price-savings” exatamente como está em baixo.

"product-price-savings#summaryPercentage": {
        "props": {
            "message": "{savingsPercentage}",
            "minimumPercentage": 1,
            "blockClass": "summary",
            "alwaysShow": true
        }
    }

Sei que na documentação o bloco a ser usado é o Product Highlights, mas a minha dúvida é o porque que na shelf e pdp aparecem mas na página de categoria não mesmo sendo o mesmo bloco?
Sem alguém tiver alguma explicação agradeço desde já.

Fala @Cristiano.reis tudo certo?

Não sou especialista na parte de desenvolvimento do IO, mas aparentemente o bloco product-price-savings#summaryPercentage está configurado corretamente, pois está exibindo o desconto na shelf e na página de produto (PDP), só que não na página de categorias.

Tente olhar o seguinte:

  1. Hierarquia de Blocos ou Template Diferente: A página de categoria pode estar utilizando um template diferente ou ter uma hierarquia de blocos que sobrepõe o product-price-savings#summaryPercentage. Isso significa que, embora o mesmo bloco esteja declarado, ele pode não estar sendo chamado corretamente no contexto da página de categorias. Ou até mesmo a shelf de categoria possui um ID de vitrine diferente das que está sendo usado na PDP, por exemplo.

  2. Customizações ou Limitações de CSS: É possível que o bloco esteja presente, mas estilizações específicas na página de categorias (ou falta delas) estejam impedindo a exibição. Verifique o CSS aplicado nas categorias para garantir que o bloco não esteja sendo ocultado ou que o layout esteja afetando sua renderização.

  3. Condições Específicas para o Desconto: Certifique-se de que a lógica de exibição do desconto (como minimumPercentage) está funcionando como esperado em todas as páginas. Talvez alguma condição específica esteja impedindo a exibição na página de categorias.

  4. Cache: A página de categoria pode estar armazenando uma versão em cache que ainda não reflete a configuração atual. Tente limpar o cache da loja para garantir que as mudanças estejam sendo aplicadas corretamente.

Basicamente:

  • Verificar o template da página de categoria: Confirme se o bloco product-price-savings#summaryPercentage está sendo declarado corretamente dentro do template.
  • Inspecionar o DOM na página de categorias para ver se o bloco está sendo carregado no HTML, mas não exibido visualmente (isso pode indicar um problema de CSS).

Veja se estas informações te ajuda e se sim, marque-a como solução para apoiar outros da comunidade.

Nos deixe saber, caso conseguiu a solução de algum modo.

Abs,
Estevão.

Opa bom dia, primeiramente obrigado pela resposta.
Então, as opções 1, 2 e 3 não são porque para outras promoções (que eu não sei como foi criado, estou esperando o cliente responder) aparece o bloco, com estilização tudo certo.
O problema está nas promoções criada na aba de promoções do admin mesmo, onde dá pra cria as regras. Quando eu inspecionava na dom só aparecia a tag container, mas vazia.
Vou ver se pode ser cachê, qualquer coisa eu retorno aqui pra dizer se foi a solução.

Abraços.

1 Like

@Cristiano.reis entendi.

É o mesmo tipo de promoção? Tem regras de pagamento?

Se for uma nova promoção e tiver regras de pagamento ela não vai puxar.

Veja o que a VTEX fala aqui:

Restrições

Não é possível configurar o destaque de promoções que possuem alguma restrição no carrinho, como:

  • Faixa de CEP
  • Valor acumulado em compras
  • BIN
  • Cluster de clientes
  • Tipo de frete
  • Forma de pagamento
  • Número máximo de parcelas, apenas na primeira compra

Essas promoções não são aplicáveis a todos os consumidores, pois exigem informações adicionais (por exemplo, o CEP de entrega). Por isso, o destaque não pode ser configurado nesses casos.

Documentação: Configurar promoção com destaque / flag

Verifica se entra nesse cenário.

Sigo à disposição.

Abs,
Estevão.

Boa tarde, então a cliente criou uma promoção nova com nenhuma dessas restrições para teste e até para confirmar eu criei uma ws nova com uma store-theme zerada, e lá está com o mesmo problema de não aparecer o product-price-savings e o product-price-list.

Pelo visto esse erro só acontece com o product-summary.shelf que está sendo utilizado pelo bloco gallery, mudei para outro bloco que eu sei que está funcionando e puxando a promoção na vitrine da home e ainda assim não funcionou.

Decidi, junto com o tech-lead a encaminhar um chamado a vtex para ver se o problema é realmente com eles, e qualquer coisa eu retorno aqui. Por enquanto ainda não vou marcar como solucionado.

Obrigado e uma boa semana.

Abs,
Cristiano

1 Like