Collection banner

Banner settings

Setting	Description
Heading size	The heading size setting offers three options to control the size of your main heading on the page: Small Medium Large
Heading weight	Choose the appropriate font weight for headings to ensure they stand out and align with your design.
Heading color	The ‘Heading color’ setting offers four options to customize the color scheme of your main heading: Text main color Text secondary color Headings color Headings secondary color
Text color	The “Text color” setting offers four options to customize the color scheme of text: Text main color Text secondary color Headings color Headings secondary color
Show collection description	On the Collection page (Products/Collections – theme store) enter the text that you want to be shown on collections' banner. Check screenshots under the table. Then mark this checkbox.
Show collection image	On the Collection page (Products/Collections – theme store) add a featured image of the collection. In the left sidebar, find image settings and click edit. Check screenshots under the table. Then mark the checkbox to make an image visible on collections' banner.
Banner background image	Add an image as the background for your banner to enhance its visual appeal and match your overall design.
Banner background mobile	Choose a different background image for mobile devices to ensure the banner looks good and maintains visual consistency across different screen sizes.
Banner left overlay	Apply an overlay over the banner image on the left to enhance its visual appeal.
Banner right overlay	Add a second overlay to the banner image on the right, allowing for creative combinations of overlay.
Make section full width	Mark the checkbox, and the section will take up the full width of the page.
Shape position	Choose the position of shape: Top: The shape is displayed only at the top of the section. Bottom: The shape is displayed only at the bottom of the section. Both: The shape is shown at both the top and bottom of the section.
Type	Select the shape type that enhances the visual appeal of your banner the most.
Color	You can select the color of the shape to complement the color of the banner.
Width	Adjust the shape width using the slider. But notice that it has an impact on section width.

Collection description and image

We can add a featured image of the collection through the 'Show collection image' option.

Alternatively, you can include a custom image using the 'Show collection description' feature. This will allow the heading, description, and image to be centered within the banner. In the collection page's description field, you can input the desired text and incorporate an image by utilizing a small icon located in the settings menu at the top.

Section settings

Background сolor	There are six options: Background main, Background section 1,2,3,4,5. Colors for these backgrounds can be set in the Theme Settings/Colors block.
Background gradient	Use the gradient picker to create a custom gradient for your section background.
Top padding	The ‘Top padding’ setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The ‘Bottom padding’ setting functions similarly to the ‘Section top padding’ setting, but controls the space at the bottom of the section.