Sales Banner

The Sales Banner section is designed to highlight promotional offers and sales events with a customizable layout that includes headings, subheadings, images, buttons, and a countdown timer.

Section Settings

Full Width
- Enable or disable full-width display for the banner.
Padding Top & Bottom
- Adjust the padding at the top and bottom of the banner for spacing.
Images
- Desktop Image: Upload a large image .
- Mobile Image: Upload a mobile-friendly image . Defaults to the desktop image if not set.
Dimensions
- Desktop Width: Adjust the width of the content on desktop devices.
- Desktop Height: Choose between different height options (e.g., Large).
Color Scheme
- Color Scheme: Select a pre-defined color scheme or customize it by clicking Edit.
- Background Color: Set a background color for the section.

Block Settings

The Sales Banner section includes various blocks that you can add and customize:

Heading
- Enter the main heading text for the banner.
Sub Heading
- Enter the subheading text to provide additional information.
Paragraph
- Add a paragraph for more detailed descriptions or promotional information.
Button
- Customize the button text
- Set the URL where the button will direct customers.
Sales Badge
- Icon: Choose icon for the badge option presented to you.
- Text: Add text for the sales badge (e.g., "SALE").
- Text Settings:
  - Font Size: Adjust the font size using the range slider.
  - Letter Spacing: Adjust the letter spacing using the range slider.
  - Scroll Speed: Adjust the animation speed using the range slider.
Scrolling Text

Text: Add scrolling text for dynamic messages or offers.
Scroll Speed: Adjust the animation speed for the scrolling text.

Badge Alignment and Position are common for Circle Badge, Star Badge , Scrolling Text

Desktop and Mobile Alignment: Set the badge alignment to up or down.
Badge Position: Set the badge position to left or right.

Countdown :

Set the year, month, day, hours, and minutes for the countdown timer.
Expiration Behavior: Select what happens when the timer expires (e.g., hide the section or reset the timer).
Timezone:
- Choose between the shop's time zone or the user's local time zone.

✨Tips to use shop timezone and user local timer zone based on your preferences

Shop Time Zone

Local or Regional Business:

Target Audience: If your store primarily serves a local or regional customer base within the same time zone.
Example: A store based in New York serving customers mostly from New York and nearby states

Uniform Promotion Management:

Consistency: You want all customers to see the same end time for promotions, simplifying marketing and operational management.
Example: A flash sale that ends exactly at midnight Eastern Time, regardless of where the customers are located.

Marketing:

You plan to communicate sale end times in your store’s time zone across marketing channels.
Example: Emails, social media posts, and banners all state the sale ends at 11:59 PM PST.

User Local Time Zone

Global Customer Base:

Target Audience: Your store serves customers from multiple time zones around the world.
Example: An e-commerce store with significant traffic from North America, Europe, and Asia.

Personalized Experience:

Customer Convenience: You want to provide a localized experience, making it clear to each user how much time they have left for the sale.
Example: A sale that ends at midnight local time for each customer, ensuring they don’t have to calculate time differences.

Avoiding Customer Confusion:

Clarity: To prevent confusion and ensure customers know exactly when the sale ends in their own time zone.
Example: Displaying "Sale ends in 2 hours" means exactly 2 hours for each customer, no matter where they are.