# Collection image showcase

![image](https://docs-assets.foxecom.app/sleek-theme/Group%205128_sT8cA4aQ.png)

The Collection image showcase section emphasizes visual appeal by featuring attractive surrounding images for the target collection, enhancing the aesthetic presentation compared to the [Collections showcase](https://docs.foxecom.com/sleek-theme/theme-sections/collections-showcase) section **-** which displays a collection list for each tab.

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

## How to add a Collection image showcase section

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Collection image showcase**.
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## How to edit a Collection image showcase section

### Section settings

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

![image](https://docs-assets.foxecom.app/sleek-theme/image_ogt1vyQF.png)

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

Use the provided text fields to add a suitable **Subheading** and **Description**.

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

You can also change the **Description size** to Small/ Base size/ Large to make the content look balanced on your website.

![image](https://docs-assets.foxecom.app/sleek-theme/image_kXMh0sKv.png)

#### Image

Enable the **Enable swipe on mobile** checkbox to make the images swipeable on mobile.

![image](https://docs-assets.foxecom.app/sleek-theme/image_bgOMZSNv.png)

### Block settings

You can add multiple **Tab** blocks to the **Collection image showcase** section.

![image](https://docs-assets.foxecom.app/sleek-theme/image_FDKdanq1.png)

Add a preferable or unique **Collection** that you want to showcase and give this collection a **Title.**

* If you want to use the collection name, please leave the **Title** field **for** the collection blan&#x6B;**.**

To add surrounding images with the dynamic effect, pick your images for the 3 image fields.

![image](https://docs-assets.foxecom.app/sleek-theme/image_ZCkgW9LV.png)

## Best practice

✅ Do:&#x20;

* Use the image with the aspect ratio of 49/68 on desktop and 109/134 on mobile for the **First image** so that the image won't be cropped.
* Use the image with the aspect ratio of 3/4 on desktop and 109/134 on mobile for the **Second image** so that the image won't be cropped.
* Use the image with the aspect ratio of 4/2.8375 on desktop and 109/134 on mobile for the **Third image** so that the image won't be cropped.