> For the complete documentation index, see [llms.txt](https://koding-themes.gitbook.io/theme-support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://koding-themes.gitbook.io/theme-support/sections/collection-tiles.md). # 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 This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://koding-themes.gitbook.io/theme-support/sections/collection-tiles.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.