Announcement Bar

To add this section, please follow below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Announcement bar".

Section Settings

General

Settings	Meaning
Layout	Select the layout for the announcement bar. There are 2 options: Slider Infinite scroll
Show close icon	Choose to show the close icon for the announcement bar. Note: Only applicable when the layout setting is set to slider.
Select image background	Upload/Select an image as the section background
Text color - Background - Background gradient	Set the color, background, and border color of the text.
Font size	Determine the font size of the text.
Font style	Select the font style of the text.
Font weight	Select the font weight of the text.
Show navigation arrows	Show arrows for the announcement bar. Only applicable to the slider announcement bar with at least 2 announcement texts.
Maximum content width	Determine the maximum width of the content.

Section padding

Settings	Meaning
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Block Settings

Announcement

Settings	Meaning
Text	Fill the text you want to show for the announcement. You can use the plain text or html text if you want to style it with your own code.
Color	The text color of the button.
Border Color	The border color of the button.
Background	The background color of the button.
Background gradient	The background gradient of the button.

Countdown

Settings	Meaning
Top message text	Fill the text you want to show for countdown.
Countdown end date	Enter the due date for the countdown with the format: yyyy/mm/dd hour/minute/second. Example: 2025/12/4 0:0:00 or Dec 31, 2022 18:00:00
Text color	Apply a color to the text of countdown.
Border color	Apply a border color to the text of countdown.
Background	Apply a background color to the text of countdown.