Customizing the style of page header

📖 In this article, we are going to learn more about what is Collection/Search Header and how to use it to optimize your theme’s layout and make it look the way you’d like it to.

⚠ This article only works for Boost AI Search & Discovery V3 new Theme settings. To find out which version of our app your store's current theme is installed with, please follow this article.

On this page


About Collection Header

While previewing/editing your Collection Page, the Collection Header section will appear on the top left of the theme editor. It is a combination of elements that can be customized to optimize the appearance of your content and improve the conversion rate of your website. With a wide range of parameters at your disposal, you can fine-tune every aspect of the Collection Header to make it look just the way you want it to.


Customize Collection Header

The Collection Header section is a powerful tool that can be customized to optimize the appearance of your content and improve the conversion rate of your website. With a wide range of parameters at your disposal, you can fine-tune every aspect of the Collection Header to make it look just the way you want it to.

How to access Collection Header settings

  1. From the app's admin, go to Theme > Find [Target Theme] > Select Edit Visual Design.

  1. Select Layout library on the right panel > Switch to Collection header.

Collection Header

Layout library

You can choose our pre-designed layout for your Collection header.

  1. Select Layout library on the right panel > Switch to Collection header tab.
  2. You can choose from up to 4 different layouts as follow:

    Note: Please be careful when you make any changes to the Collection layout, you will need to re-setup your Breadcrumbs.

  3. Select Change layout.
  4. On the left panel, go to the Collection header section > On the right panel, customize the Content position (unavailable for Collection header 3), Header background color and Content box color to your liking.
  5. Utilize our previews and select your preferred setting.
  6. Select Save.

Content position

Options for content position depend on the Collection header layout. You can change the Collection header layout in the Layout Library.