Сollection banner template
Heading settings
Setting | Description |
Content align | “Content align” option allows changing the alignment of content under products:
|
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:
|
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 :
|
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. |