Themes
Erickson
Erickson
  • Welcome
  • Sections
    • Introduction
    • Announcement bar
    • Header
      • Logo
      • Mega menu
    • Blog posts
    • Collection list
    • Countdown timer
    • Custom liquid
    • Email signup
    • Empty space
    • Featured collection
    • Featured product
    • Featured products
    • Featured statistics
    • Hero banner
    • Icons
    • Image with text
    • Promotional banner
    • Rich text
    • Slideshow
    • Testimonials
    • Welcome text
    • Apps
    • Footer
    • FAQs
  • Theme Settings
    • Introduction
    • Favicon
    • Animation
    • Colors
    • Typography
    • Email signup popup
    • Cookies 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 Whiley Mai
    • Theme Updates
    • Demo store
    • Support
      • Multiple theme licensing
      • Refunds
      • Theme housekeeping
    • Custom coding
    • How to confirm your current theme version
    • Subscriptions
    • Product add-ons
    • Metafields
    • Free gift
    • Storefront wording/languages
  • Changelog
Powered by GitBook
On this page
  1. Sections

Announcement bar

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 customise your annocument bar 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 above the Header section

Here you can change the following options;

  • Show/hide the announcement bar

  • 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.

PreviousIntroductionNextHeader

Last updated 2 years ago