> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/theme-sections/featured-product-slider.md).

# Featured product slider

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

Display multiple products in a clean carousel format. It’s ideal for spotlighting new arrivals, bestsellers, seasonal collections, or hand-picked items you want customers to notice first.

Each product block supports a custom image, description, and direct link to the product page — making it both visually appealing and conversion-focused.

## How to add a Featured product slider section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Featured product slider.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to customize a Featured product slider

### Section settings

<table><thead><tr><th width="230">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show navigation</strong></td><td>Toggle arrows for navigating between slides<br><img src="/files/hpqBDupf5UkS8LD1Rnpk" alt=""></td></tr><tr><td><strong>Show pagination</strong></td><td><p>Show slide count (e.g. 1/3) below carousel</p><div><figure><img src="/files/KKc8KqnxkRVW2svud0wZ" alt=""><figcaption></figcaption></figure></div></td></tr><tr><td><strong>Controls background</strong></td><td>Choose background style for navigation buttons (Dark / Light / None)</td></tr><tr><td><strong>Auto-rotate slides</strong></td><td>Enable automatic slide transition</td></tr><tr><td><strong>Change slides every</strong></td><td>Set delay (in seconds) between auto-rotations</td></tr></tbody></table>

### Block settings

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

<table><thead><tr><th width="230">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Product</strong></td><td>Select which product to display</td></tr><tr><td><strong>Custom image</strong></td><td>Replace the default product image with a lifestyle or campaign image</td></tr><tr><td><strong>Description</strong></td><td>Optional override of product description (ideal for shorter promotional copy)</td></tr><tr><td><strong>Button label</strong></td><td>Customize the CTA that links to the product details pageg or leave blank to hide it</td></tr></tbody></table>