# Featured products slider

<div data-full-width="true"><figure><img src="/files/1OZ2q7N6tFYitFzBKwTz" 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="/files/VjcDiY4XEr9VyOuN2VbQ" 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="/files/InQs3iLchvKH3icpSR1G" 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="/files/Eu2ETuJK2pY5Ra6B14Uc" 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="/files/vcviQgfaRi6y3RfeAwGD" alt=""><figcaption></figcaption></figure>

#### Mobile settings

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

<figure><img src="/files/CV6U9zQN6NAinq00L4EA" 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="/files/H6CFFY1QgjtoL0gE4B26" alt=""><figcaption></figcaption></figure>

### Block settings

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/minimog-theme/theme-sections/featured-products-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.