Collection banner

Steps

In the theme editor (Customize), open the template selector.
Select Collections, then Collection banner.
On the left-sidebar, add Collection banner.
Make necessary changes > Save.

Section settings

General settings

Setting	Description
Section width	3 options for container • Stretch width: span the section width regardless of screen size. • Fixed width: depends on your page content width in Theme settings -> Layout. • Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors

Settings

Setting	Description
Image	Upload or select the banner image
Use collection image	Override background image setting
Image height	5 options for the height • Adapt to image • Based on content • Small • Medium • Large
Image opacity	Customize the image opacity
Desktop content position	3 options for the desktop content position • Middle left • Middle center • Middle right -> Position is automatically optimized for mobile.

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section

Block settings

Heading
Description

Related articles

Shopify Variant Images As Swatches Add To Cart Not Working Add Custom Javascript Shopify Multi Currency Preview Shopify Theme Shopify Theme Demo Import Shopify Product Media Videos And 3d Shopify Video Autoplay Not Working

Recently viewed articles

Detail list Testimonial images Flow Expandable card Product benefits Store location Press Press

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.

Contact Support Submit a Ticket