Documentation
Feedback
Guides

Release Notes
Release Notes
2020
August
Slides positioning

{"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/slides-positioning-0.png"}}

The Slider Layout has gained a new prop called centerMode responsible for defining the slider elements positioning on the screen.

Thanks to it, stores can now display slides whose elements are centered, allowing users to see a peek of the previous and next slides while navigating on the store, as shown in the image below:

{"base64":"  ","img":{"width":802,"height":1126,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":478902,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/slides-positioning-1.png"}}
This improvement is extremely useful in Shelves and other components that use the Slider Layout for rendering product data.

For more details on the new prop, access the Slider Layout documentation.

Contributors
3
Photo of the contributor
Photo of the contributor
Photo of the contributor
+ 3 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
3
Photo of the contributor
Photo of the contributor
Photo of the contributor
+ 3 contributors
On this page