Collection template

[lwptoc]

About Collection Template SectionClick to copy 2222

By default, the Collection template consists of 3 sections: Breadcrumbs, Collection Header and Collection Products. You cannot review Collection Header and Collection Products sections, you can only be hidden on the Collection template.

Aside from these 3 sections, you can freely add or remove any other sections on the Collection template.

Access Collection Template SectionClick to copy 2222

On the top center bar, click on the dropdown button > Collections > Choose collection.

Collection Template Section ConfigurationClick to copy 2222

The Collection Template section has several settings that can be adjusted. To change the collection, on the top left sidebar, click on Change > Select collection.

Collection Header Section ConfigurationClick to copy 2222

GeneralClick to copy 2222

You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.

The Collection Header section automatically uses the Collection title as page headline. For the image banner, you can enable the Show Collection Image option to render it as a hero banner. This option is enabled by default.

You can also enable Show Collection Description to add more content to the header.

LayoutClick to copy 2222

You can simply:

  • Remove padding top
  • Remove padding bottom

Collection Products Section ConfigurationClick to copy 2222

GeneralClick to copy 2222

You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.

You can change the number of displayed products by changing the value at Item Per Page from 12, 24 to 36; and change the Load product methods to Pagination or Infinite scrolling.

LayoutClick to copy 2222

  • Style options: Standard (for clean, minimal product display) or Card (for modern boxed design with subtle shadow effect)
  • You can change the Items per row on desktop (from 3 to 6) and mobile (max 2 items per row). On tablet, there are 2 items per row by default.
  • You can easily choose to Remove padding top or Remove padding bottom.

Filter and sortClick to copy 2222

  • Enable Filter – Adds a “Filter” button so customers can narrow products by color, size, price, etc. (requires filters set up in Shopify admin > Online Store > Navigation > Filters)
  • Expand All Filter Options By Default – Toggles whether filter categories start expanded (ON) or collapsed (OFF) when opened. Note that this feature only works on live view.
  • Enable Sort – Adds a “Sort” dropdown letting customers reorder products by featured, best selling, price, date, or alphabetically
  • Filter and Sort Layout on Large Screen – You can choose to show Filter and Sort in the Vertical Sidebar or Horizontal Toolbar. Note that this option only works on a large screen. For smaller screens, Horizontal Toolbar is the default layout.

For Theme Settings inside Collection Products, check our product card manual.

Frequently Asked QuestionsClick to copy 2222

What Is Blum Collection Template?Click to copy 2222

Blum Collection Template is the way to show all relevant products under one unique collection, which helps visitors to navigate easier, which boosts engagement and revenue.

Can I Change Number Of Items Per Page In Collection Section?Click to copy 2222

Yes, you can change differently on multiple devices, with choices of 12, 24 to 36.

Navigate this category