> For the complete documentation index, see [llms.txt](https://bigstart.gitbook.io/marble-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bigstart.gitbook.io/marble-documentation/content-sections/image-gallery.md).

# Image gallery

<figure><img src="/files/iLyiq2HsOk7uSrlm8bpe" alt=""><figcaption></figcaption></figure>

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](/marble-documentation/content-sections/common-settings.md) 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:

<figure><img src="/files/syIOEZYtwD0yZr1ZifHw" alt=""><figcaption><p>With enabled slider and pagination</p></figcaption></figure>

<figure><img src="/files/65iL9nfp3qjI0EkccZWp" alt=""><figcaption><p>Enabled slider with 3 items per slide, enabled thumbs</p></figcaption></figure>

<figure><img src="/files/anR4OGipAJnxopzyA5YD" alt=""><figcaption><p>Disabled sliders</p></figcaption></figure>
