# Collection image showcase

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FP4y5lYWk5ftjVReLqZ5G%2Fimage.png?alt=media&#x26;token=fac25275-01c1-4cc4-a350-1504ff3db188" alt=""><figcaption></figcaption></figure>

Unlike [the **Collection showcase**](https://docs.foxecom.com/minimog-theme/theme-sections/collection-showcase) **-** which displays a collection list for each ta&#x62;**,** the **Collection image showcase** presents the attractive surrounding images of the target collection with a modern touch.

## How to create a Collection image showcase

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

1. In the theme editor **(Customize) >** click **Add section**
2. Select **Collection image showcase.**
3. **Save**
   {% endhint %}

## Section settings

### **General**

Adjust the **Container type** (Default/Full width/ Use container box) and **Color scheme** for this section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FBaJL9FKazA26OqzoCR2f%2Fimage.png?alt=media&#x26;token=ae9cc023-c741-4efe-bf0b-7b492b633290" alt=""><figcaption></figcaption></figure>

### **Header**

Insert the content you want in the **Heading** for the section or leave it blank to display if you do not want to display it.&#x20;

You can also change the **Heading size** to Medium/Large to make the content look logical on your website.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FLJV2iImhjAoBsMfswdC3%2Fimage.png?alt=media&#x26;token=c73168f6-e17c-4ded-a81b-f6794085994a" alt=""><figcaption></figcaption></figure>

## Block settings

Add a preferable or unique **Collection** that you want to showcase and give this collection an **Alias.**&#x20;

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

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FRUEmBV02NGtwUDsxPbEo%2Fimage.png?alt=media&#x26;token=db6ed921-fd62-4d44-808d-fae8d484657b" alt=""><figcaption></figcaption></figure>
