# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bigstart.gitbook.io/marble-documentation/content-sections/image-gallery.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.