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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://koding-themes.gitbook.io/theme-support/sections/collection-tiles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
