Documentation
Feedback
Guides

Release Notes
Release Notes
Information
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 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"}}

Why did we make this change?

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

What needs to be done?

To customize your store’s thumbnail position, you must have installed version 3.61.0 or higher of Store Components.

Was this helpful?
Yes
No
On this page