> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Show collections as clickable image grid

###### In this article:
1.  Introduction
2.  Reminder
3.  Steps on how to show collections as clickable image grid
---    
## 1. Introduction

Display collections with a representative image will be able to give your customer an insight of what they are about to see before they click into it.

So, show all collections in one page is like providing a map to customer about what you sell. Image always easier to understand and attractive than words. Provide an attractive category instead of let your customer explore by clicks into categories on main menu bar one-by-one.
---
## 2. Reminder

The steps below are necessary for older themes. If you're using [Fall](https://www.easystore.co/en-my/themes/fall) or more latest theme, this feature is built-in and you can set it in Admin > Channels > Online Store > Customize > Featured collections. Once done, go to Themes > Layout to make sure **Feature collections** are selected in one of the sections > Save.
---
## 3. Steps on how to show collections as clickable image grid

**Step 1 :** Go to [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Pages > **Home** > click on **Insert Table** icon and select the number of collections you need.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/c-88_1deqjmz.png)

**Step 2 :** Click on one of the empty grids > click on **Images** icon.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/c-89_1j8exbk.png)

**Step 3 :** Add your collection image.

![](https://storage.crisp.chat/users/helpdesk/website/39273573e3701200/e25a5355-6801-414f-9294-5285c8_vh3scw.png)

**Step 4 :** Click on the image > click on **Insert Link** icon.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/c-90_1wenf7w.png)

**Step 5:** Paste your **collection URL** so that customers will be redirected to the collection page when click on the image > **Insert**.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/c-91_hmxcrh.png)

Repeat Steps 1 to 5 for the remaining collections.

![](https://storage.crisp.chat/users/helpdesk/website/bdd4f2e03ff70800/d08da9a1-bf91-46f9-b34e-4339df_1ixbp5b.png)

**Step 7 :** Once done, select all images > click on **Cell Style** icon > select **Borderless** to hide the table borders ( optional ) > Save.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/c-92_1myngjo.png)

and here is the result:

![](https://storage.crisp.chat/users/helpdesk/website/ed3779dac4def800/d01b4025-3021-4365-ab51-41ab3b_je5cgv.png)

Lastly, go to Admin > Channels > Online Store > Themes > Customize > Layout to make sure **Page content** is selected in one of the sections > Save and you're done!

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/c-93_lnod3r.png)