# Collection image showcase
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 style="success" %}
Steps
1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Collection image showcase**.
3. Make necessary changes.
4. **Save** the settings.
{% endhint %}
## 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
#### 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
Enable the **Enable swipe on mobile** checkbox to make the images swipeable on mobile.
### Block settings
You can add multiple **Tab** blocks to the **Collection image showcase** section.
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 blank**.**
To add surrounding images with the dynamic effect, pick your images for the 3 image fields.
## Best practice
:white\_check\_mark: Do:
* 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.
