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 storeThemeCustomise

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

Last updated