Collection template

About Blum Collection Template SectionClick to copy 2222

By default, the Blum Collection Template consists of 2 sections: Collection Header and Collection Products. These sections cannot be removed, and can only be hidden on the Collection Template.

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

Access Blum Collection Template SectionClick to copy 2222

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

Blum Collection Template Section ConfigurationClick to copy 2222

Blum 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

Edit 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 Use 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.

Edit LayoutClick to copy 2222

You can simply:

  • Remove padding top
  • Remove padding bottom

Collection Products Section ConfigurationClick to copy 2222

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

Edit LayoutClick to copy 2222

On the desktop, you can change the Items per row on desktop (Horizontal toolbar) and Items per row on desktop (Vertical sidebar).

On the mobile, you can select Items per row.

On the tablet, you can also customize Items per row.

You can change the number of displayed products by changing the value at Item Per Page from 12, 24 to 36. You can easily choose to Remove padding top or Remove padding bottom.

Edit Filter and SortClick to copy 2222

Collection Product section supports Filter feature to help customers quickly sort out their desired products. The filter, if enabled, can be customized on Shopify admin dashboard > Online Store > Navigation > Filters.

You can also enable Expand All Filter Options By Default to show all filter options once opened. Note that this feature only works on live view.

Sort is also enabled by default, where customers can sort out products in 8 criteria:

  • Featured
  • Best selling
  • Alphabetically, A-Z
  • Alphabetically, Z-A
  • Price, low to high
  • Price, high to low
  • Date, old to new
  • Date, new to old

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.

  • Vertical Sidebar

  • Horizontal Toolbar

For Theme Settings inside Collection Products, check our Blum 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 choice of 12, 24 to 36.

Navigate this category