Menu

App Development

Storefront Development

Troubleshooting

Release Notes

Shelf's slide dot customization [CSS Handle]

Improved

July 23, 2020

1 min read

{"base64":" ","img":{"width":105,"height":20,"type":"svg","mime":"image/svg+xml","wUnits":"px","hUnits":"px","length":951,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/shelfs-new-css-handle-0.png"}}

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"}}