Showcase brand visuals with images at a glance.
What is the image gallery section?
An Image gallery section displays multiple images that can provide a visually compelling way to showcase specific products or features. It is especially effective in guiding customers to key areas of the store and encouraging longer browsing sessions, which can ultimately lead to higher conversion rates.
How to set up the image gallery section
Steps
- Open the Theme Editor.
- Click Add section and add the Image gallery section to the page.
- Either click on one of the blocks present or click Add Image and select an image.
- In the main section settings there are two Layout options. Choose the option that is most appropriate and consider the appearance of the section as a whole.
Mosaic - The first image will be displayed at twice the width and height of other images, while the second and third images will appear in a smaller format.
Grid - Images will be displayed in rows of three. If additional images are added, and the total is fewer than three per row, then the images will automatically expand to fill the width of the section. - On mobile devices, all images will be displayed in an even grid format. For a more compact view, select Enable mobile slideshow and the images will show as a carousel.
- In the Overlays settings, there are three Overlay style options to choose from.
Full image - The Overlay color will cover the entirety of the image.
Text box - The Overlay color will be restricted to the size of the heading, text and button content.
No background - The Overlay color will not show. - A Link can be added to each image, and this will make the whole image clickable. If a button label is added, clicking on this will direct customers to the location selected in the Link.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us