Uma das funcionalidades disponíveis para promoções dentro de lojas VTEX é o Destaque nos produtos, disponível dentro das configurações de cada promoção:
Esta funcionalidade ativa uma etiqueta de destaque nos produtos cobertos pela promoção em questão, trazendo maior visibilidade a eles na vitrine e nas páginas de produto. Porém, para que esta funcionalidade tenha um efeito no site, é preciso que alguns elementos sejam definidos no template das páginas em questão (no CMS Legado) ou no tema da loja (no VTEX IO) conforme descrito abaixo:
CMS Legado
No CMS Legado, o elemento que precisa ser definido é o <vtex.cmc:discountHighLight/>
, conforme nossa documentação de Configurar promoção com destaque. Este elemento funciona em qualquer vitrine e página de produto e pode ser alterado visualmente com
customizações de CSS e JSON. Recomendamos trabalhar com sua agência para validar que este elemento está propriamente definido nos templates de sua loja, caso ele não esteja aparecendo.
VTEX IO
Em lojas que utilizam VTEX IO, por outro lado, o componente que deve ser utilizado é o Product Highlights, que é declarado dentro dos blocos do tema da loja. Para que destaques de promoção sejam visíveis, o bloco deve ser configurado com a prop type
definida como promotion
. Tal qual em lojas de CMS Legado, a aparência deste componente pode ser alterada via customizações de CSS e JSON, mas além disso o Product Highlights permite que alterações pontuais (como, por exemplo, o texto do destaque) sejam feitas via Site Editor.
É importante destacar que, mesmo com a configuração dos componentes descritos acima, para que o destaque de uma promoção apareça no site é preciso esperar o tempo de indexação da promoção, que tende a levar cerca de 15 minutos. Se a promoção acabou de ser ativada/criada, este tempo de espera é normal antes que o destaque apareça.
Além disso, ao testar o funcionamento do destaque de promoções, também é preciso levar em conta possíveis demoras devido ao cache da loja, conforme nossa documentação sobre cache.
Eduardo Luciano
Field Software Engineer | VTEX