Articles on: Online Store

Show collections as clickable image grid

In this article:

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 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 > Channels > Online Store > Pages > Home > click on Insert Table icon and select the number of collections you need.

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

Step 3 : Add your collection image.

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

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

Repeat Steps 1 to 5 for the remaining collections.

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

and here is the result:

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!

Updated on: 29/10/2023

Was this article helpful?

Share your feedback


Thank you!