Image gallery

The main purpose of this section is providing the merchants the ability to easily list images in a single gallery with different options for layout, image ratios, etc.

The main settings in the section are the ones listed here with some additional ones listed below.

• Images heigh - defining the images ratio

• Full width - checkbox defining the width of the section

• Side margins - checkbox enabling spacing on the screen sides

• Items per row/slide - Desktop

• Items per row/slide - Mobile

Slider settings

• Enable slider - turning on the slider functionality

• Enable slider arrows - show/hide arrows over the main slider

• Enable slider thumbs - will show a list of small thumbs beneath the slider for easy navigation through the main slider

• Enable slider paging - adding a pagination actions below the main slider

• Enable zoom - clicking an image will show the image in a zoom-able popup

Section blocks

Each image is added as a separate block where the image is mandatory field. The additional URL field can be set in case you need to link the image to a separate page or external site.

Usage examples

Here are some usage examples:

With enabled slider and pagination

Enabled slider with 3 items per slide, enabled thumbs

Disabled sliders