> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-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/minimog-theme/theme-sections/featured-collection.md).

# Featured collection

<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>

Featuring collections can help promote sales and new collections.

![](/files/yC7QmMEkk1fduHOlYalc)

{% hint style="success" %}
Steps

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

## Featured collection settings

### **Section header**:&#x20;

Use the provided text field to add a suitable heading/subheading/description. Leave any of the fields blank if you do not want to display them. Adjust the text alignment (left/center).

![](/files/LOZ5d7j5nMpjjEpYJGvH)

### **General**

Select the container type, background color, and add a preferable collection.&#x20;

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

### Flash sale

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

A flash sale creates urgency because of limited stock and/or limited time frame. This creates a sense of scarcity of the product and boosts your store conversions.&#x20;

{% hint style="info" %}
To enable flash sales for your featured collection, see [Countdown timer](https://docs.foxecom.com/foxkit-app/sales-boosting/countdown/countdown-timer).&#x20;

The **Countdown type** must be **Fixed time** and **Applies to** option is **Specific collection**.
{% endhint %}

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

### **Grid settings and Product cards**&#x20;

Adjust the number of shown products (between 2 and 12), products per row (between 2 and 6), and the column gap.

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

Choose the product card design as you prefer and the image aspect ratio. You can also enable/disable showing product vendors and product titles in this section.&#x20;

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

### **Slider settings**

Enable/disable slider. You can also display navigation and pagination alongside the slider.

**Button settings**

Add a call-to-action button to direct customers to collection pages or add a load more products button.

{% hint style="info" %}
The load more products button only works when the slider is disabled.
{% endhint %}

<div data-full-width="false"><figure><img src="/files/yBGtAJlBz6GuHi4bGMZX" alt=""><figcaption></figcaption></figure></div>

This button can be positioned on the header on both desktop and mobile.

For example:

{% tabs %}
{% tab title="On Desktop" %}

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

{% tab title="On Mobile" %}

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

### **Infinite loading**

Use when the slider is not enabled. It loads products continuously while customers scroll down.

![](/files/lyZSIGEwOL6HJCencrd4)

## Product card

Each product is displayed in a sequence of cards with an add-to-cart, a Quickview feature, etc. It also includes the design layout and image ratio for the product cards.&#x20;

Please refer to the link below for further info.

{% content-ref url="/pages/VRViDTCDEUgZDny5PXGM" %}
[Product card](/minimog-theme/theme-settings/product-card.md)
{% endcontent-ref %}

<figure><img src="/files/SX65AqudlKxDPLIUfi25" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
