Documentation
Feedback
Guides

Release Notes
Release Notes
Image thumbnails
August, 22

Thanks to the new thumbnailsOrientation prop, the Product Images component now allows a product’s thumbnails to be displayed either vertically or horizontally on the page.

What has changed

Previously, it was not possible to choose how a product’s thumbnail images were set on a store’s page. The only possible behavior was to have them vertically.

The thumbnailsOrientation prop now allows a product’s page thumbnail images to be custom positioned according to your store’s needs:

  • Vertical (default value)

{"base64":"  ","img":{"width":946,"height":760,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":172778,"url":"https://user-images.githubusercontent.com/52087100/63535192-4378f200-c4e7-11e9-8f27-17280583a1af.png"}}

  • Horizontal

{"base64":"  ","img":{"width":720,"height":762,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":264155,"url":"https://user-images.githubusercontent.com/52087100/63535269-74592700-c4e7-11e9-813e-b873164666b9.png"}}

Main advantages

The new prop allows the retailer to be able to choose the best way to position thumbnails for its users, avoiding that an unwanted default behavior be forced onto the product’s page layout.

What you need to do

To be able to customize your store’s thumbnail position, have version 3.61.0 or higher of Store Components installed.

Was this helpful?
Yes
No
On this page