# Featured products slider

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

Unlike **Featured product** that displays only one particular produc&#x74;**,** the featured products slider section showcases a product list that you want to introduce.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F70QfdUKSR1X1s5vYaK6A%2Fimage.png?alt=media&#x26;token=6c13eba3-05a3-4e25-abbe-65a7d8c7a7d6" alt=""><figcaption></figcaption></figure>

## How to add a Featured products slider section

{% hint style="success" %}
Steps

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

## How to edit a Featured products slider section

### Section settings

#### Section header

Use the provided text fields to add a suitable **Heading**/**Subheading**/**Description**. Leave any of the fields blank if you do not want to display them.&#x20;

You can also change the **Heading size** to Medium/Large and adjust the **Text alignment** (Left/Center).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FAY9exCiDG2wUEbsFD4EI%2Fimage.png?alt=media&#x26;token=f7c81b93-c50a-40da-ac40-fb39a532d6db" alt=""><figcaption></figcaption></figure>

#### General

You can choose your **Container type** for the collection list as:

* Default;
* Full width;
* Use container box.

Select the **Color scheme** for the section, and adjust the **Image placement** (Right/Left).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F0xr9SL2mrTR9L7fycTNR%2Fimage.png?alt=media&#x26;token=b4a47fd6-81ee-4d31-b1f6-10ca6b965181" alt=""><figcaption></figcaption></figure>

#### Slider settings

Enable/disable the slider. You can also display navigation and pagination with the slider. The duration time between each slide is between 2-10 seconds.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FqPKDAM2GA5uf63h7CzEA%2Fimage.png?alt=media&#x26;token=fb890fc6-8dc6-410b-b677-c89c1299bb84" alt=""><figcaption></figcaption></figure>

#### Mobile settings

Enable/disable the **Show featured image** toggle to show/hide the featured image on mobile.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FbkMjBTRZWExEpEMwNtL7%2Fimage.png?alt=media&#x26;token=be62f0fd-c125-4387-80d1-309e9bba17d4" alt=""><figcaption></figcaption></figure>

#### Product card settings

Use the dropdown boxes to select the product cards' design layout, content alignment, and image aspect ratio. You can enable/disable showing product vendors in the product cards of this section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FtQa3m37ztu2rEGEwpFri%2Fimage.png?alt=media&#x26;token=4afde677-3786-4604-8a59-721c058e012f" alt=""><figcaption></figcaption></figure>

### Block settings

For product blocks, you can add products, their headings, descriptions, and a feature image.&#x20;

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FHcxGXbCyp3PXPcN72mmw%2Fimage.png?alt=media&#x26;token=56d22255-419e-47c8-887d-8dfbff38428a" alt=""><figcaption></figcaption></figure>
