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

SettingsMeaning

Enable Announcement Bar

Toggle Announcement Bar

Layout

Select layout Slider/Infinite Scrolling

Enable Icon Close?

Enable icon close to show

Select Image Background

Upload/Select an image as the section background

Color Text

Apply a color to the text.

Background Color

Set the background color for the section

Background Gradient

Set the background gradient for the section

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.

Enable Arrow?

Toggle arrow.

Content Max Width

Determine the maximum width of the content.

Spacing

SettingsMeaning

Padding Top

Determines the height of the top inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Padding Bottom

Determines the height of the bottom inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Block Settings

[BLOCK] Announcement

SettingsMeaning

Text

Enter in the text to show.

Color

The text color of the button.

Border Color

The border color of the button.

Background Color

The background color of the button.

Background Gradient

The background gradient of the button.

[BLOCK] Countdown

SettingsMeaning

Top Message Text

Enter in the top message text.

Countdown

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

Color Text

Apply a color to the text of countdown .

Border Color

Apply a border color to the text of countdown.

Background Color

Apply a background color to the text of countdown.

Last updated