Koding Themes
Erickson
Erickson
  • Welcome
  • Sections
    • Sections & Section groups
      • Header group
        • Announcement bar
        • Header
      • Footer group
        • Email signup
        • Footer
    • As seen on
    • Blog posts
    • Collage
    • Collapsable content
    • Collection list
    • Collection tiles
    • Countdown timer
    • Custom liquid
    • Empty space
    • Featured carousel
    • Featured collection
    • Featured product
    • Featured products
    • Featured statistics
    • Icons
    • Image banner
    • Image comparison
    • Image with text
    • Multicolumn
    • Multirow
    • Promotional banner
    • Rich text
    • Scrolling text
    • Shop by concern
    • Slideshow
    • Testimonials
    • Welcome text
    • Apps
  • Theme Settings
    • Introduction
    • Favicon
    • Animation
    • Colors
    • Typography
    • Email signup popup
    • Cookies popup
    • Social media
    • Cart
    • Languages
    • Currency
    • Product swatches
    • Checkout
    • Theme style
  • Templates
    • Introduction
    • 404 page
    • Blogs
    • Article
    • Cart
    • Collection
    • Gift card
    • List collection
    • Pages
    • Password
    • Product
  • FAQs
    • About Koding Themes
    • Theme Updates
    • Demo store
    • Support
      • Multiple theme licensing
      • Refunds
      • Theme housekeeping
    • Custom coding
    • How to confirm your current theme version
    • Subscriptions
    • Product add-ons
    • Metafields
    • Free gift
    • Storefront wording/languages
Powered by GitBook
On this page
  1. Sections

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.

PreviousCollection listNextCountdown timer

Last updated 24 days ago