Section header

The section header is not meant to be a standalone section. Rather, it is meant to be combined with any other section to create a heading.

Left-aligned layout

Center-aligned layout

Settings

• Layout: Choose between a left-aligned or a centered layout

• Text content:

  • Subheading

  • Heading

  • Set as page title
  • Heading size

  • Count (optional): If heading accents are enabled, gives users a sense of how many items are in the section

  • Text

  • Button label and link

Can't find the setting you're looking for? The following settings are explained in detail in common settings:

• Color scheme/Color scheme transition

• Padding

• Borders

Tip: Decrease the bottom padding to visually connect the section header to the content below it!

Lookbook

Create a custom product header by adding the title and description as dynamic sources: