Promotion banner

A Promotion banner on a website effectively highlights promotions, includes compelling calls to action, engages users, boosts sales, enhances visual appeal, delivers key information, and creates a sense of urgency, benefiting the website's overall performance.

Section settings

General settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fix width: depends on your page content width in Theme settings -> Layout. Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Column gap	4 options for column gap Small No gap Medium Large

Section padding

• Top padding: Customize the top margin of the section

• Bottom padding: Customize the bottom margin of the section

Block settings

Block setting general

Setting	Description
Vertical alignment	3 options for the vertical alignment Top Middle Bottom
Width	Adjust the width between the block 20% 25% 33% 50% 66% 75% 80% 100%

Image with text overlay & Image with text bellow

Setting	Description
Image	Upload desired image
Mobile image	Upload desired image mobile
Color scheme	Select colors from Theme settings -> Colors
Image overlay opacity	Customize the image overlay opacity

Mobile layout

• Show text bellow on mobile: Content beneath the image

• Reset color scheme setting on mobile: When enabled, the content color will be displayed in the default color scheme

Content setting

Setting	Description
Subheading	Subheading content
Heading	Heading content
Description	Description content
Button label	Button content
Button style	The style of the button Fill Outline
Button link	The link URL you want to add
Desktop content position	3 options for the desktop content position Top Middle Bottom
Content alignment	3 options for the content alignment Left Center Right
Size	Font size content customization Small Medium Large

Image

Setting	Description
Image	Upload desired image
Image link	Add a link to the image

Text

Content settings

Setting	Description
Heading	Heading content
Description	Description content
Button label	Button content
Button style	The style of the button Fill Outline
Button link	The link URL you want to add
Color scheme	Select colors from Theme settings -> Colors
Content alignment	3 options for the content alignment Left Center Right
Size	Font size content customization Small Medium Large

Video

Setting	Description
Video link	Accept the use of YouTube or Vimeo links
Video local	Use manually uploaded videos
Cover image	The image that displays before a customer plays the video. You can upload a custom cover image from your Shopify admin.
Enable video autoplay	When autoplaying videos, the sound will be automatically muted
Aspect ratio	The aspect ratio for the section: 16:9 - Crops the images to use a 16:9 ratio. 21:9 - Crops the images to use a 21:9 ratio.