# Image with products gallery

<figure><img src="https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2F0I1uzWg2wqtIyAaNnhDk%2Fimage.png?alt=media&#x26;token=b2f0f38b-5cec-45a5-b813-e06d4615277e" alt=""><figcaption></figcaption></figure>

The main settings in the section are the ones listed [here](https://bigstart.gitbook.io/amber-documentation/content-sections/common-settings). The additional settings are listed below.

The other section settings are listed below.

* **Flip image and text positions** -- This checkbox flips the position of the big image and the slider.

### Media

* **Aspect ratio for mobile** -- Set the mobile image aspect ratio. For desktop the size of the image is coming from the height of the section (incl. the heading, subheading, slider, etc.)
* **Image - Desktop** -- Set the image used for desktop. Usually, for best fit, use a vertical image. You can set its focal point if needed
* **Image - Mobile** -- Set a separate mobile image. If the mobile image is missing, then the one from desktop will be shown on mobile devices

### Text content

#### Text

<figure><img src="https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2FOkLLqig8hPBtHjiBiv44%2Fimage.png?alt=media&#x26;token=1a9ca28e-2877-4544-8332-2b13eaa6125f" alt=""><figcaption></figcaption></figure>

You have full control over the heading, subheading and button using the settings from the screenshot above.

#### Products

The products in the slider come from the `Collection` field.

You can prepare a specific collection and assign the needed products in it or you can simply use an already prepared collection.

From the `Products limit to show` field, you can limit the number of visible products.

### Slideshow

The slideshow can autoplay by checking the `Autoplay` checkbox.\
You can specify the interval between the slides from the `Slideshow Interval` setting.