Sales Bar Setting

Sales Bar Settings

The Sales Bar Settings allow you to create and customize a promotional bar displayed on your storefront. This helps highlight offers, announcements, or important messages to customers while maintaining your brand style.

Sales Bar Name

This is an internal name used for admin reference only. It helps identify different sales bars but is not visible to customers.

Title of Bar

Defines the main message displayed on the sales bar, such as promotions, discounts, or announcements.

Call to Action

Choose how customers interact with the sales bar:

• Button: Displays a clickable button on the bar.

• Clickable Entire Bar: Makes the whole bar clickable.

• None: Shows the message without any clickable action.

Button Text

Specifies the text displayed on the call-to-action button (e.g., “Shop Now”, “Learn More”).

Link

Add the destination URL where customers will be redirected after clicking the button or bar.

Preview Panel

Provides a real-time preview of how the sales bar will appear on the storefront before publishing.

Visibility Settings

Visibility Settings allow you to control where and when the sales bar appears within your store. This helps ensure promotional messages are shown to the right customers at the right time.

Choose Placement

Select the pages where the sales bar will be displayed:

• Dashboard: Displays the bar on the main customer dashboard.

• Order Status: Shows the bar on the order tracking or status page.

• Order Listing: Displays the bar on the customer’s order history or listing page.

• Profile Page: Shows the bar on the customer account or profile section.

Scheduling

This option lets you schedule when the sales bar should appear. You can set a specific start date and time to automatically activate the bar for promotions or announcements.

Preview Panel

Shows how the sales bar will appear based on your selected visibility and scheduling settings.

Banner Style Settings

These settings help customize the appearance of the sales bar banner to better match your store’s branding and improve visual presentation.

Background Color

Defines the background appearance of the banner:

• Transparent: Keeps the background minimal and blends with the page.

• Base: Applies the primary theme background color.

• Subdued: Uses a softer background tone for a subtle look.

Border Radius

Controls how rounded the banner corners appear. Higher values create smoother, more rounded edges, while lower values keep corners sharper.

Border Width

Adjusts the thickness of the banner border. Increasing the value makes the border more visible and prominent.

Inside Space

Defines the padding inside the banner. Higher spacing improves readability and visual balance by adding more space around the content.

Style Settings

Style Settings allow you to customize the visual appearance of the sales bar to match your brand design and improve readability.

Banner Text Style

Controls the color appearance of the banner text:

• Transparent: Uses minimal styling so the text blends with the background.

• Base: Applies the primary theme color for clear visibility.

• Subdued: Uses a softer color tone for a subtle look.

Button Style

Customize the appearance of the call-to-action button:

Background Color

• Transparent: Minimal background styling.

• Base: Uses the main theme color.

• Subdued: Softer background tone for a less prominent look.

Text Color

• Transparent: Light styling with minimal emphasis.

• Base: Standard text color for visibility.

• Subdued: Muted text tone for a softer appearance.