Product Description
When viewed on computers, the product image gallery is positioned to the left with the thumbnails below. The description is to the right and has a heading and a paragraph for describing the product. This text can be aligned at the top, center or bottom.
Hovering a thumbnail opens the larger image in the gallery stage.
The slideshow stage is set to a percentage of the maximum width - in this case 50% - and the text occupies the rest of the space.
Mobile
On mobile devices, the gallery is full width, responsive and the description slides below it.
Images are opened in the stage by tapping the thumbnails.
The number of thumbnails per row can be set and there is an option to set a lesser value when the item is viewed on a mobile phone.
Both the stage image and the thumbnails can have a border to separate them from the background if required.