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.
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 + textual combo.
Supported Content Blocks:
- Breadcrumbs
- Text
- Heading
- Subheading
- Button
