Documentation
Feedback
Guides
API Reference
App Development
Storefront Development
VTEX IO Apps
Troubleshooting
Release Notes
Release Notes
2024
2023
2022
2021
2020
2019
Improved
Shelf's slide dot customization [CSS Handle]
July, 23

{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVR4nGPIZ2A46Wf9vyWniYUNABwxBD0GbBaWAAAAAElFTkSuQmCC","img":{"src":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/shelfs-new-css-handle-0.png","width":105,"height":20,"type":"svg"}}

A new CSS Handle (dot--isActive) was added to the Shelf app, enabling the customization of the shelf active slide dot.

The shelf slide dot represents the shelf slide currently being hovered on by users.

{"base64":" ","img":{"width":3584,"height":2114,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":1132397,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/shelfs-new-css-handle-1.png"}}

Was this helpful?
Yes
No
On this page