# Product showcase

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F2kIFP7q5flZsMSx8vgm0%2Fimage.png?alt=media&#x26;token=2b02c2db-49e2-4d16-9f61-4557a3916962" alt=""><figcaption></figcaption></figure>

The **Product Showcase** section is a powerful tool to grab attention and drive sales.&#x20;

It lets you create a visually compelling slider showcasing your most popular products, new arrivals, or special offers.

In this article, we will show you how to add a Product showcase section.

## How to add a Product showcase section to your Shopify store

{% hint style="success" %}
**Steps**:

1. In the theme editor (Customize), click **Add section**.
2. Select the **Product showcase** section.
3. Make necessary changes.
4. **Save** the settings.
   {% endhint %}

## How to edit a Product showcase section

### Section header

Use the provided text fields to add a suitable **Heading**.

* Leave it blank if you do not want to display it

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FKsf53p34AfjPoYIdvEUs%2Fimage.png?alt=media&#x26;token=45337d29-f595-44a0-805e-2b393d63fd30" alt=""><figcaption></figcaption></figure>

### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

You can select up to 5 **Products** to include in the showcase list. The section displays the first image of the product.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FKkGoJe5xF1Hn4qwz0N5x%2Fimage.png?alt=media&#x26;token=9b2b7a4f-81a8-4a55-8374-13579709ece9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F8YXSTtKCnADzeUL6HWsD%2Fimage.png?alt=media&#x26;token=cefe38ca-ee5c-470b-8a8d-c5d4d50c1ae4" alt=""><figcaption></figcaption></figure>

### **Product cards**

* **Title size**: The title size of the product title.
* **Show description**: Set the line limit of the description (from 1-3 lines). Select the option **None** to hide the description from the cards.
* **Description size**: The font size of the description.
* **Image ratio**: The ratio of the product images.
* **Show vendor**: Display the vendor name above the product title.
* **Show type:** Display the type of the products under the vendor name.
* **Button label**: This button takes customers to the product details page.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FNCAh5imib3dLPL7BFces%2Fimage.png?alt=media&#x26;token=3420660b-ef81-4128-8e05-d74763c46f4b" alt=""><figcaption></figcaption></figure>
