# Featured collection

Featured collections can help promote sales and new collections.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FI7dhRZmTrdN0DutQLSPg%2Fimage.png?alt=media&#x26;token=ed4a9808-4fc2-4f82-9c51-16cc9f085416" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

## Featured collection settings

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

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

You can then select a button style and size to your likings.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FbG2GDLXuAWSswoCvzrRc%2Fimage.png?alt=media&#x26;token=7a5bc11f-5c66-4e51-abd7-0b073aca5734" alt=""><figcaption></figcaption></figure>

### 2. Collection&#x20;

Select the collection to show &#x20;

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FpxKbXQb67lvBgu3wiLU7%2Fimage.png?alt=media&#x26;token=dc80227e-f34f-435f-b076-20c0dbf4aad9" alt=""><figcaption></figcaption></figure>

### 3. Flash sale

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FqEsaiuAA1WTjN3xbLn9m%2Fimage.png?alt=media&#x26;token=e2df0412-7a01-4620-b03d-6a70c2bb3aa1" 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;

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FGNcuoJr7TpwrU9vLZ3hP%2Fimage.png?alt=media&#x26;token=bbc08aa4-ac67-4b4c-b537-71f362a9227b" alt=""><figcaption></figcaption></figure>

### 4. **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://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2F6g4ckUk6VuERZbqMXQCw%2Fimage.png?alt=media&#x26;token=5f576185-5b55-4573-be1b-a9788510cf40" 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://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FdcdELt1NjKim5yEVzK0G%2Fimage.png?alt=media&#x26;token=ed23a08f-5c44-4661-944c-778de44cb233" alt=""><figcaption></figcaption></figure>

### &#x35;**. Slider settings**:&#x20;

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

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FAVkARRrouLAjsGCwfcBp%2Fimage.png?alt=media&#x26;token=0044d1ba-282e-43da-9943-6c47cdd6f76b" alt=""><figcaption></figcaption></figure>

### 6. **Mobile settings**

This section lets you display your design for mobile view.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FybdmwW7bjUTeFCryBCfK%2Fimage.png?alt=media&#x26;token=ab65be36-510c-4e12-8832-acfd5d57d435" alt=""><figcaption></figcaption></figure>

## 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/megamog-theme/theme-settings/product-card)
{% endcontent-ref %}