Announcement bar settings

Setting

Description

Color scheme

The Color Scheme feature enables you to personalize every aspect of your theme's colors. You can create and manage a list of color schemes in the Theme Settings under the Colors tab. These schemes allow you to define background colors, text colors, button and link styles, icons and badges colors, border and input field colors.

Once a color scheme is created, you can apply it to specific sections or blocks, such as the announcement bar. When applied, all associated colors in that section will automatically update, ensuring a cohesive and professional look across your website.

Show separator line

By swiping the button to the right, you can add a line to visually separate the announcement bar from the header. This is especially useful when using a light background color to ensure clarity and distinction between these sections.

Countdown bar

Setting	Description
Text	In this field, you can add a label to Countdown. You can write, for example, that the offer will end soon.
End date	Please refer to the example provided below the field to ensure you correctly input the end date.
When date has passed	When the specified date has passed, you can decide how to handle the countdown bar from a dropdown menu: Show zeroes Cycle
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.

Announcements

Setting	Description
Auto-rotate announcements	Enabled: Slides in the carousel change automatically. Disabled: You need to use your cursor to move through the slides.
Change every (choose seconds)	Choose in seconds how frequently your announcements cycle.

Language selector

Setting

Description

Enable language selector (To add a language, go to your language settings)

Providing content in your customers' native language can improve sales by making it easier for them to understand your marketing, product details, shipping, and return policies. This is particularly important for international customers. To enable multiple languages on your Shopify store, you can create separate URLs for each translated version of your content. When a customer lands on a translated URL, your store will automatically display the corresponding translated version, if available.

*Make sure that you have a multi-setup of languages in your store settings.

Show ISO code

Display the ISO language code (e.g., “EN” for English or “FR” for French) in the language selector for easy identification.

Country/region selector

Setting	Description
Enable country/region selector (To add a country/region, go to your market settings)	If you add a country selector to your theme, then your customers can choose their country or region from a dropdown list of countries and regions that you've added in your Shopify Payments settings. The local currency is also displayed in the dropdown list beside each country or region. *If your store is on the Shopify Plus plan, then your store automatically sets your customers' country or region and currency based on their IP address.
Show country flag	Display a flag icon next to each country or region in the dropdown for a visually clear selection.
Show country name	Include the name of the country or region in the dropdown list.
Show currency code	Add the local currency code alongside the country or region for easy reference.