> 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/favorite-products.md).

# Favorite products

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

Spotlight specific products with beautiful imagery and carousel-style navigation. Use this section to promote customer favorites, highlight hero products, or share reviews that help build trust and boost conversion.&#x20;

## How to add a Favorite products section to your Shopify store

{% hint style="success" %}
Steps

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

## How to customize a Favorite products section

### **Section settings**

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Image ratio</strong></td><td>Define how product images display: adapt to first image, square, etc.</td></tr><tr><td><strong>Controls background</strong></td><td>Choose background color for carousel controls (Dark / Light / None).</td></tr><tr><td><strong>Desktop controls position</strong></td><td>Align carousel controls to the left, center, or right on desktop.</td></tr><tr><td><strong>Pagination type</strong></td><td>Display navigation as dots or numbered counter.</td></tr></tbody></table>

* **Controls background**:&#x20;

{% tabs %}
{% tab title="Dark" %}

<figure><img src="/files/WO5yhyz2y79DX201DXb6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Light" %}

<figure><img src="/files/5guOe1IqZvvGq8r7y91T" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="None" %}

<figure><img src="/files/9rjcHtQzFWHVoLPy0k3K" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Desktop controls position**:

{% tabs %}
{% tab title="Left" %}

<figure><img src="/files/K4S6y91mHygAA5fgx2d6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Center" %}

<figure><img src="/files/TERIVH0NOChq82SZWuxh" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Right" %}

<figure><img src="/files/E10UjLuG8TvKHeXXz153" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Pagination type**:

{% tabs %}
{% tab title="Dots" %}

<figure><img src="/files/C5n3zC6oa5SDLtKKaAsS" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Counter" %}

<figure><img src="/files/TAgr8DtzPe0trm78dhJS" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Block settings

In your **Favorite products** section > click **Add Product.**

Each **Product** block lets you feature an individual item alongside custom copy and a large image.

| Setting         | Description                                                              |
| --------------- | ------------------------------------------------------------------------ |
| **Product**     | Select a product from your store catalog.                                |
| **Large image** | Upload an image (separate from the product’s image) to show as a banner. |
| **Text**        | Add a short description or promotional message related to the product.   |

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