Deal Banner
The Deal Banner Section allows you to create an eye-catching promotional banner with a countdown timer to highlight special deals, limited-time offers, or exclusive sales.
Go to Shopify Admin > Online Store > Themes.
Click Customize on your active theme.
In the Theme Editor, click Add Section > Deal Banner.
Settings & Customization
Layout
Expand to Full Width: Enable this option to extend the section across the entire screen width.
Color scheme: You can customize the section’s appearance by changing the text color, background color, and more using preset color options.
Background Opacity: Set the transparency level (Range: 0–100, Default: 100). This applies to the background image, which can be customized in the theme settings.
Content Settings
Desktop Content Alignment: Choose the desktop content alignment Left, Right, or Center.
Mobile Content Alignment: Choose the mobile content alignment Left, Right, or Center.
Section Padding
Top Padding: Adjust spacing above the section.
Bottom Padding: Adjust spacing below the section.
Shapes
Shaper : Adds shape effects to the section. Options: Shaper Top, Shaper Bottom, Shaper Both, None, Border Top, Border Bottom, and Both Borders.
Shaper Top Color : Sets the top shape color (choose your preferred color).
Shaper Bottom Color : Sets the bottom shape color (choose your preferred color).
Theme Settings & Customization
Adjust additional styles in Theme Settings.
Use Custom CSS for further design modifications.
Block Settings
Heading :
Heading: Set a custom title (e.g., "Deal banner" ).
Heading Size: Choose from Small, Medium, or Large (Default: Large).
Text: Provide a short description.
Select Date: Choose the deal’s end date (Format: 25 May 2025).
Button Settings
Button Label: Customize the button text (e.g., "Shop Now").
Button Link: Paste or search for a destination URL.
Button Style: Enable to display the button with an outlined border instead of a filled style.
Open this link in a new window: Enable to open the link in a new tab.
Last updated