Collection page section

Collection page section

Go in Online Store > Theme > Customize theme. Browse on any collection page and click on the Sections tab. Then click Add section and select the section that you want to add.

Banner images

You can add a custom banner image for each collection page. Of course, you can also put only one image to be displayed on all the collection pages, including the Catalog page (the "All products" page). But usually, each collection deserves its own banner, right?



Basic options


Display breadcrumbs

Display page title

Display tag filters

Use hover effect in desktop version

If enabled, this option will display the Add to cart button on hover over the product image. By default, the Add to cart button is under the product image. 

Display sorting options

Location for filters & sorting

  • Top Right
  • Left side
You can display filtering and sorting dropdown fields top right or as a list in a left sidebar.

Categorize tags


To categorize tags, or said differently, to group filters into categories, just add a tag filter-{category}-{tag} to your product. E.g. add 'filter-color-blue' and 'filter-color-red' to your product, this will add a category 'color' with 'blue' and 'red' as tags in your filters.

Products layout


Konversion allows you to play with different options on mobile and desktop:

  • Display a different number of products per row

  • Display a different number of products by default

  • Replace the pagination by an infinite scroll

  • Change the Add to cart action (Product button action)

  • Change the Add to Cart button label







    • Related Articles

    • How to enable infinite scroll in the collection pages

      Go to Theme > Customize Theme > Collection Pages Then scroll in the Sections tab to "Enable infinite scroll" (Mobile & Desktop).

    • Product Page Upsell

      1) HOW DOES IT WORKS? Create a navigation menu called Product upsell. The handle needs to be: product-upsell 2) WHERE IS IT DISPLAYED? In a specific product page: Add a menu item and name it following this structure: products/product-handle And/Or In ...

    • Product page section

      Layout Display or hide breadcrumbs Product gallery (product images) Zoom type (this controls the zoom over the main product image) On hover On click/touch Display arrows (this displays arrows at the left and right of the main product image) Display ...

    • Hide variant dropdown on the product page when there is only 1 option (1 variant)

      You can hide variant dropdown on the product page when there is only 1 option (1 variant) in the Konversion theme. Go to Customize Theme > Product Pages (section) > Scroll to Hide variants with only one option

    • Custom page design with builder

      Create a custom page Create a new page and select a page template bottom left. You have 5 custom page templates by default. Which means you can create 5 different custom page templates. Here's an example of a page created with the Page Builder ...