Сollection banner template

Heading settings

Setting	Description
Content align	“Content align” option allows changing the alignment of content under products: 'Left' aligns the content to the left 'Center' aligns the content to the center 'Right' aligns the content to the right
Heading color	Three available options for title color to use: Main, Secondary, and Heading. *Colors for these styles you can set in theme settings, but it’ll impact on the whole theme.
Heading style	Choose a style: default (sentence case or title case) and uppercase according to your design preferences.
Letter spacing	You can set letter spacing for heading using slider.

Show collection description	When “Show collection description” is enabled, the collection description will be displayed on the collection page. To add a collection description, go to the Products/Collections section in your Shopify admin panel, find the collection you want to add a description to and click on it. From there, you can add your description in the appropriate field.
Description color	Three available options for description color to use: Main, Secondary, and Heading.

Setting

Description

Show collection breadcrumbs

If you want to show the breadcrumb, switch on the toggle “Show breadcrumb”.

Breadcrumbs colors

The “Breadcrumb color” setting allows you to set up the color of the breadcrumb. Three options:

Show collection image	When this setting is enabled, the collection image will be displayed on the collection page. An image can be added to a collection page through the admin panel.
Image width	Image can have position on : Half width section Full width section
Small side image (checkbox is marked)	The image has center position and is not at full height.
Small side image (checkbox is not marked)	The image is at the full height of the section.
Oval image	When the toggle is switched on, the image has an oval form.
Custom image for collection	You can add an image for created collection with a certain list of products.
Custom image for “All Products” page	You can add an image for the “All Products” page through section “Collection banner” on Collection page.
Image overlay opacity	You can adjust the opacity of the collection image using a slider.

Setting	Description
Section top space	The "Section top space" setting allows you to adjust the amount of space at the top of the section using a slider.
Section bottom space	The "Section bottom space" setting functions similarly to the "Section top space" setting but controls the space at the bottom of the section.
Show collection background color	Enable this setting to add a background color.
Background color	To change the background color, click the box containing the color circle and name to open the color picker. Then, select your desired color.
Add overlay image	You can add an image as a background for your collection banner.