Banner

Setting	Description
Image	Choose an image for your promotion banner. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button.
Video	Click Select video to upload a video for the banner instead of an image, making the section more dynamic. You can also connect a dynamic source by clicking the Source button.
Media ratio	Select how the banner media is displayed: Adapt Portrait Square
Color scheme	Select a color scheme from the list and customize it with appropriate colors for heading, countdown bar, button, and background. Applying a color scheme to the banner block automatically updates all associated colors set in the theme settings according to the created color schemes. You can edit colors in this block, but it will impact the other sections and blocks in which the same color scheme is used. Learn more about color schemes.
Heading	Add a heading for the promotion banner — for example: Exclusive Deals.
Heading size	Choose the heading size: Small Medium Large
End date	Enter the end date for a specific promotion. Refer to the example provided below, the field in the theme customizer to ensure the discount period's end date is correctly formatted.
When date has passed	When the specified date has passed, use a dropdown menu to choose how the countdown bar behaves: Show Zeroes: The countdown stops and displays `00:00:00` for all units (days, hours, minutes, seconds). Cycle: The countdown resets and starts over from the initial duration, creating a repeating cycle.
Countdown label	Enter text to display above the countdown timer — for example: Offer ends in.
Days label	Keep the suggested label for days, or write your label in the field.
Hours label	Keep the suggested label for hours, or write your label in the field.
Minutes label	Keep the suggested label for minutes, or write your label in the field.
Seconds label	Keep the suggested label for seconds, or write your label in the field.
Button label	Add text for the banner button (e.g., Shop Now or View All Products). The button is hidden if no label is added.
Button link	To set a button link, you can enter the link URL directly into the “Button link” field or select a page from the dropdown list of options that appears when you click on the field.
Button style	Choose the button’s appearance: Primary: Uses the primary button color defined in color scheme. Secondary: Uses the secondary button color defined in each color scheme. Outline: A button with a border and no fill. Link: A minimal button style aligned with the text.

No results found