# Functional

### **Flexible Product Image Quick View Settings** <a href="#gibkie-nastroiki-bystrogo-prosmotra-fotografii" id="gibkie-nastroiki-bystrogo-prosmotra-fotografii"></a>

**Settings can be configured separately for Instant Site and the Storefront.** The app includes **two independent sections**, allowing you to customize parameters for each.

### **Maximum Number of Product Images**

The maximum number of displayed products can be up to **10** (inclusive) (Fig. 1).

<div align="left"><figure><img src="https://922381906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFmOtciCLFbOxz5Oz1ZTe%2Fuploads%2FPfMdPxYZo126HThXqvEb%2Fimage.png?alt=media&#x26;token=3c9a5fd0-8611-453e-a021-cfaa1c81ce08" alt="" width="375"><figcaption><p>Fig. 1</p></figcaption></figure></div>

#### Preview Indicator (Fig. 2)**:** <a href="#indikator-prosmotra-ris.-2" id="indikator-prosmotra-ris.-2"></a>

* **Position** (Fig. 3)
* **Offset** (spacing between indicators) (Fig. 4)

<div align="left"><figure><img src="https://922381906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFmOtciCLFbOxz5Oz1ZTe%2Fuploads%2FoxVH85AFSQwyIycrgmMH%2Fimage.png?alt=media&#x26;token=bc872610-4262-4c6b-96b5-bfdc1046b181" alt="" width="375"><figcaption><p>Fig. 2</p></figcaption></figure></div>

<div align="left"><figure><img src="https://922381906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFmOtciCLFbOxz5Oz1ZTe%2Fuploads%2FYOpwtur3Rjpld0Gtp6ub%2Findicator_-.png?alt=media&#x26;token=f8c96b53-db47-4f70-9b2c-7703399fc109" alt="" width="147"><figcaption><p>Fig. 3</p></figcaption></figure> <figure><img src="https://922381906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFmOtciCLFbOxz5Oz1ZTe%2Fuploads%2FwtvjNx5hSQduuv4Y2GaJ%2Fotstup.png?alt=media&#x26;token=b91b68fd-dd57-40ce-8cd9-bfcf3e6006ed" alt="" width="147"><figcaption><p>Fig. 4</p></figcaption></figure></div>

#### **Lines Fig. 5:** <a href="#linii-ris.-5" id="linii-ris.-5"></a>

<div align="left"><figure><img src="https://922381906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFmOtciCLFbOxz5Oz1ZTe%2Fuploads%2FfitbOWwgVrIzX0kTqySJ%2Fline.png?alt=media&#x26;token=0dfb6ffa-277c-426e-93be-9b3f3e343243" alt="" width="147"><figcaption><p>Fig. 5</p></figcaption></figure></div>

For lines, you can configure (Fig. 6):

* **Color**
* **Hover color**
* **Thickness**
* **Offset**
* **Corner radius**

<div align="left"><figure><img src="https://922381906-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFmOtciCLFbOxz5Oz1ZTe%2Fuploads%2FegtpFhi32QDBVe0zyfEr%2Fimage.png?alt=media&#x26;token=38728bfa-563e-470e-b66c-5ec0a306bf4f" alt="" width="375"><figcaption><p>Fig. 6</p></figcaption></figure></div>

Customize the quick view settings to match your store’s design and improve the shopping experience for your customers!
