> For the complete documentation index, see [llms.txt](https://docs.codpeller.com/en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codpeller.com/en/product-quickview/obzor/functional.md).

# 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="/files/o13WKgTwSUvNXR3fw6Me" 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="/files/dYIrViBsTgG1u0SlqACy" alt="" width="375"><figcaption><p>Fig. 2</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/voZfWKZZIeMkY353gdW5" alt="" width="147"><figcaption><p>Fig. 3</p></figcaption></figure> <figure><img src="/files/XRtR8tgArd4gZRYz5GCd" 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="/files/UIId8eTxMlmZVlZdBh9g" 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="/files/eXOhZ6DFrfmsmI9U3ik7" 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!
