The Main Collection Banner section displays the banner area at the top of a collection page. It helps highlight the collection name, image, and breadcrumbs, giving customers clear context about what collection they are viewing.
Section Settings
Color scheme
Choose a predefined color palette from your theme settings to match the banner background and text colors.
Section width
Controls how wide the banner section appears on the page.
Options include:
- Page: Matches the site’s default content width.
- Full: Extends the banner to the full browser width for an immersive layout.
Show collection image
Toggle ON/OFF to display the featured image of the current collection as the banner background.
Show count
Toggle ON/OFF to display the current collection count.
Image
Upload or select a custom image to display in the banner. If no image is chosen, the collection’s featured image (if available) will be used by default.
Heading size
Choose the heading tag (H1-H6) for the collection title. Typically set to H2 for consistency across pages.
Text size
Sets the size of the subheading or breadcrumb text. Commonly H5 for secondary text.
Text align
Aligns banner text content (left, center, or right).
Top padding
Adds space above the banner content (in pixels).
Bottom padding
Adds space below the banner content (in pixels).
Blocks Settings
You can enrich your banner with multiple content blocks to create a compelling visual and textual combo.
Supported Content Blocks:
- Breadcrumbs
- Text
- Heading
- Subheading
- Button
