С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
Title 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.

Description settings


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.

Breadcrumbs settings


Setting Description
Show collection breadcrumbs If you want to show the breadcrumb, mark the checkbox “Show breadcrumb”. If you want to hide the breadcrumb, remove mark from the checkbox.
Breadcrumbs colors

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

  • Main
  • Secondary
  • Heading

Image settings


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 checkbox is marked, an 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.

Section settings 


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 You can add a background color through color picker to this section. 
Add overlay image  You can add an image as a background for your collection banner. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us