ProductGallery
The ProductGallery
container displays a gallery of product images on the product details page.
ProductGallery configurations
The ProductGallery
container provides the following configuration options:
Example
The following example demonstrates how to configure the ProductGallery
container:
return productRenderer.render(ProductDetails, { controls: 'thumbnailsRow', loop: true, peak: false, gap: 'medium', arrows: true, imageParams: { width: 800, height: 800, }, thumbnailParams: { width: 150, height: 150, }, zoom: { closeButton: true, },});