# Collection tiles

The **Collection List Section** is a versatile component that displays key product collections using images, titles, and direct links. It acts as a visual menu that helps shoppers quickly explore the categories that matter most—whether that’s "New Arrivals," "Best Sellers," or "Sale."

This section not only improves product discovery but also helps tell a more organized brand story by curating products into clearly defined groups. Featuring bold collection imagery and clickable titles, it encourages browsing while keeping your store experience intuitive and visually engaging.

#### Why It’s Useful:

* ✅ **Simplifies navigation** and improves site usability
* ✅ **Highlights key categories** or seasonal edits
* ✅ **Boosts product discoverability** with strategic linking
* ✅ **Engages visually** with scroll-stopping collection images

Perfect for homepages, landing pages, or even custom layouts—this section turns your store into a well-structured and easy-to-explore shopping experience.

### Getting Started

* Go to `Online store` → `Theme` → `Customise`
* By default, you will see you predefined list of sections
* To add the `Collection tiles` section, scroll to the bottom of the panel and `Add section`
* Select `Collection tiles` → `save`

**Now we can make adjustments to the following section settings;**

* **Paddings:** Adjust the top and bottom paddings to control the whitespace
* **Heading**: Add a section header
* **Section layout**: Adjust the columns to be between 2 or 3

**Now we can make adjustments to the following block settings;**

* **Image:** Upload an image to replace the automatic collection image
* **Heading**: Change the heading if you want to display text that is not the collection title.
* **Pick a collection**: Select the collection you want to display. This will show the collection image and title, unless a image is uploaded or custom text is added.