All docs

Collections

Collection header

Section handle: collection-header HTML tag: <div>

Settings

Content

SettingTypeDefaultDescription
Show breadcrumbsToggle (on/off)On—
Show descriptionToggle (on/off)On—
Show product countToggle (on/off)On—
Show collection imageToggle (on/off)OnUses the collection image, or the first product's image when the collection has none. The image's own alt text is used.
Image positionDropdownendOn desktop, places the image before (Start) or after (End) the text; Start is the left side in left-to-right languages. On smaller screens the image sits above the text. · Options: start – Start, end – End

Behavior

SettingTypeDefaultDescription
Description collapsibleToggle (on/off)OnShows a Read more/Read less toggle when the description is long.
Description initial stateDropdowncollapsedCollapsed shows a short preview with Read more for descriptions over about 200 characters. Expanded always shows the full description with no toggle. · Options: collapsed – Collapsed, expanded – Expanded

Default Configuration

When you add this section from the Theme Editor, it comes pre-configured with:

  • Collection header — default settings, no pre-added blocks