Collection Page Banner

A header section displayed at the top of the collection page that showcases the collection image, title, and optional description.

For collections without an assigned image, you can set a fallback image to ensure a consistent visual appearance across all collections.

You can also customize colors, text styles, and shadow effects to match your brand design.

Setting	Type	Description
Show collection description	checkbox	Shows or hides the collection description on the banner.
Show collection image	checkbox	Displays the collection image as the banner background.
Fallback collection image (All collections)	image picker	Select an image to use when a collection does not have its own image.
Shadow effects	select	Applies shadow styling to enhance text visibility.
Shadow color	color	Choose any color for the shadow effect to match your design.
Text color	color	Choose the color of the text displayed on the banner.
Banner Background Color	color	Sets a solid background color when no image is used.
Color scheme	select	Applies a predefined color theme to the banner.
Custom CSS	code	Add custom styles for advanced design control.

Show collection description

Toggle to show or hide the collection description on the banner.

Show collection image

Enable to display the collection’s image as the banner background.

Fallback collection image (All collections)

Choose a default image that will be used when a collection doesn’t have its own image.
Shadow effects

Select a shadow style to improve text visibility over the background.

Banner Background Color

Sets the background color when the collection image is disabled (Show collection image is off) or not used.