Soul Documentation
  • Greeting
  • UPDATES
    • What's new in Soul
      • Release Notes
      • Version 3.1.0 release
      • Version 3.0.0 release
    • Demo stores
      • Elegant
      • Warm
      • Dark
  • SECTIONS
    • Header
      • Announcement bar
      • Header
    • Template sections
      • A to Z brands
      • Blog posts
      • Collage
      • Collapsible content
      • Collection list
      • Collection showcase
      • Collection spotlight grid
      • Contact form
      • Custom Liquid
      • Dynamic hover blocks
      • Email signup
      • Featured collection
      • Featured product
      • Flexible content
      • Image banner
      • Image comparison
      • Image gallery
      • Image with text
      • Image with product
      • Lookbook
      • Map
      • Multicolumn
      • Multirow
      • Rich text
      • Page
      • Recently viewed products
      • Running text with image
      • Shop the look
      • Slideshow
      • Testimonials
      • Video
    • Footer
    • Popup
  • THEME SETTINGS
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Pop-ups
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Breadcrumb
    • Preloading screen
    • Back to top
    • Custom CSS
  • COLLECTION LIST PAGE
    • Collections list page
  • COLLECTION PAGE
    • Collection
      • Collection banner
      • Product grid
  • PRODUCT PAGE
    • Product page
      • Product information
      • Product tabs
      • Related products
  • BLOG & BLOG POST PAGE
    • Blog page
    • Blog post page
  • CART
    • Cart
  • OTHER PAGES
    • How to create a page?
    • Search page
    • Password page
    • 404 page
  • TUTORIALS & TOPICS
    • How to enable size chart on product page
    • How to enable gift wrap option on cart page
    • How to enable free shipping notification
    • How to add a countdown timer on the product page
  • Knowledge base
    • Getting started in Shopify
    • Shopify help center
    • Shopify developers platform
  • Get Support
Powered by GitBook
On this page
  • Section settings
  • Announcement Block
  1. SECTIONS
  2. Header

Announcement bar

PreviousHeaderNextHeader

Last updated 19 days ago

The announcement bar allows you to share important information with your customers from any page. You can customize up to six different announcement blocks to display campaign or promotion texts. Additionally, you can add a link to an announcement bar, making it clickable and directing customers to a specific page.

Update in version 3.0.0: Color Scheme 3 has been switched to Scheme 2 to match the latest design.

Section settings

Setting
Description

Color scheme

Changes the color of the text.

Changes the color of the background.

Changes the color of the background gradient.

Layout

Change the position and display method of the announcement bar:

  • Horizontal

  • Vertical left side on home page

  • Vertical right side on home page

Desktop height

Determine the height of the announcement bar on desktop.

Running text

Running text works when there is more than one block.

Setting
Description

Reverse direction

Change the order or orientation of element to the opposite of its current state.

Speed

Change the running speed of the announcement bar.

Text

Setting
Description

Font size

  • Small

  • Medium

  • Large

Font weight

The font weight of the text:

  • Regular

  • Medium

  • SemiBold

  • Bold

  • ExtraBold

  • Black

Section margin

Setting
Description

Top margin

Adjust the space between the top edge of a section and the elements or content above it.

Bottom margin

Adjust the space between the bottom edge of a section and the elements or content below it.

Announcement Block

Setting
Description

Text

Add campaign or promotional text that you want to display to your customers.

Link

The link customers will navigate to when they click the announcement bar.