Koding Themes
Atom
Atom
  • Welcome
  • Sections
    • Introduction
    • Header
      • Logo
      • Menu
    • Announcement bar
    • Blog posts
    • Collection list
    • Multicolumn
    • Custom liquid
    • Featured collection
    • Featured product
    • Featured products
    • Image with text
    • Slideshow
    • Welcome text
    • Video
    • Apps
    • Footer group
  • Theme Settings
    • Introduction
    • Favicon
    • Animation
    • Colors
    • Typography
    • Email signup popup
    • Social media
    • Cart
    • Languages
    • Currency
    • Product swatches
    • Checkout
    • Theme style
  • Templates
    • Introduction
    • 404 page
    • Blogs
    • Article
    • Cart
    • Collection
    • Gift card
    • List collection
    • Pages
    • Password
    • Product
  • FAQs
    • About Koding Themes
    • Demo store
    • Theme Updates
    • Support
      • Multiple theme licensing
      • Refunds
      • Theme housekeeping
    • Custom coding
    • How to confirm your current theme version
    • Subscriptions
    • Size guide
    • Storefront wording/languages
Powered by GitBook
On this page
  1. Sections

Announcement bar

PreviousMenuNextBlog posts

The Announcement Bar is located at the top of every page, above your site's header and logo.

With its eye-catching position on your storefront, it's the perfect place to display important information and incentives for your customers, such as:

  • Announcements

  • Promotions

  • Sales

  • News

Getting Started

You can customiseor add multiple annoouncement bars by the following steps from your Shopify dashboard:

  1. Go to Online Store → Themes → Customise

  2. By default, the Sections panel will be loaded on page load.

  3. Select Announcement bar at the top of the panel, just below the section

Here you can change the following options;

  • Show the announcement bar on the homepage only or all pages

  • Set the announcement text to autoplay when you have more than 1 announcement

  • Set the transition speed of each text block to slide in from the right

  • Update the announcement bar text and assign an optional link

How to add multiple announcements?

Announcements are added using blocks, you can add multiple announcements by clicking 'Add Announcement'

Now that you have created a second announcement , you can customise the text and setup autoplay and control the speed of each transition.

How to do i change the color of the Announcement bar?

  • You can change the backgorund and text colors directly in the section

  • The background color will change the entire content blocks color, while the font color will change the text only.

  • Save your changes, then your done.

Static sidebar