# Featured collection

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

Featuring collections can help promote sales and new collections.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FnwTi1fgGpDsaP6U6UKI2%2FScreen%20Shot%202021-10-12%20at%2020.31.54.png?alt=media\&token=7f85d472-dfb0-4b04-9243-14985673e4cd)

{% 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).

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FD66Tyv4mfu3FsaXEdCAv%2FScreen%20Shot%202021-10-11%20at%2014.40.55.png?alt=media\&token=b8b0224d-63ba-4c0d-beea-f896c8a47ec5)

### **General**

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FVbtkibzdhM85U6EB55BT%2Fimage.png?alt=media&#x26;token=068f5538-6401-4d28-aa07-973060a4202d" alt=""><figcaption></figcaption></figure>

### Flash sale

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FY6LK0EyevWnJEtE4zBfz%2Fimage.png?alt=media&#x26;token=b1237910-9707-4910-a9a0-05d57684ea4b" 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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FFZgIEDNX2tKFXM289lJc%2Fimage.png?alt=media&#x26;token=7b2f7e46-e419-45e1-bb91-4a2d46add68f" 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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FAcPfFfBiYrG0qMj6MIuZ%2Fimage.png?alt=media&#x26;token=1d86cb24-120e-41bf-8563-caa89958f6aa" 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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FeMxTquHY1NobQTxpSozq%2Fimage.png?alt=media&#x26;token=6dbc065a-4555-43b9-9175-7e497e8b34eb" 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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FrQqMKD2VPnN8r7RNDilS%2Fimage.png?alt=media&#x26;token=bac52bb9-d6dd-464c-83e7-f521d953c9e8" 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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FXHDmRQf5PmsrlUpuIZUH%2Fimage.png?alt=media&#x26;token=38a0bbef-e8df-4772-9840-06912f4aeacf" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="On Mobile" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FOPRQ8aeibbzU0QSwfGe9%2Fimage.png?alt=media&#x26;token=ac23ca33-cace-4a11-bd43-7e65703d9c1f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### **Infinite loading**

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

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FOR586eiESq1aFbDmLIYD%2FScreen%20Shot%202021-10-12%20at%2020.56.39.png?alt=media\&token=67575458-6db6-42fb-8ea2-5b6b262f09cc)

## 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="../theme-settings/product-card" %}
[product-card](https://docs.foxecom.com/minimog-theme/theme-settings/product-card)
{% endcontent-ref %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&#x26;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" 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>
