Shelf's slide dot customization [CSS Handle]

Documentation

App Development

Storefront Development

Troubleshooting

Release Notes

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

New Product Price blocks for installment options

Breadcrumb structured data

On this page