Elabore Digital
Elabore Digital
Fale com a gente

Blog

Personalização do slide de produtos na VTEX agora é mais simples com CSS Handle

VTEX VTEX

Novidade original: (VTEX)

Resumo: A VTEX lançou uma nova CSS Handle para personalizar o slide de produtos na shelf, facilitando ajustes visuais sem complicação. Veja como a Elabore Digital pode ajudar a aplicar essa mudança na sua loja.

VTEX

Foto: Growtika · Unsplash

A VTEX atualizou recentemente a forma como é possível personalizar o slide de produtos exibidos em uma shelf (linha de produtos) em lojas VTEX. Agora, com a nova CSS Handle chamada slide-dot, é possível estilizar diretamente os pontos indicadores do carrossel de produtos — algo que antes exigia manipulações mais complexas ou até mesmo alterações em arquivos internos da plataforma.

Essa melhoria permite, por exemplo, mudar a cor, o tamanho, a posição ou o comportamento visual dos pontos que indicam em qual slide o usuário está. Tudo isso pode ser feito de forma limpa e compatível com futuras atualizações da VTEX, reduzindo o risco de quebrar a loja após uma atualização de versão.

Na Elabore Digital, entendemos que detalhes visuais fazem toda a diferença na experiência do comprador. Por isso, podemos ajustar sua loja VTEX para aproveitar essa nova CSS Handle, alinhando a aparência do slide de produtos com a identidade visual da sua marca — sem precisar reescrever grandes partes do tema.

Se você quer deixar a navegação de produtos da sua loja mais intuitiva e visualmente coerente com sua marca, a gente pode ajudar a implementar essa personalização de forma segura e compatível com as boas práticas da VTEX.

Quer aproveitar essa novidade na sua loja? A Elabore cuida de temas, integrações e ajustes na sua operação Shopify, VTEX, Nuvemshop ou Loja Integrada.

Falar com a Elabore

Baseado na novidade "Shelf's slide dot customization [CSS Handle]" nos release notes oficiais da VTEX. Este post é uma análise da Elabore Digital, não uma publicação oficial da VTEX.