Help Center
Explore ThemesMade with InspiredThemeAbout UsContact
  • ABOUT INSPIREDTHEME
  • General theme settings
    • Available page types
  • UPDATES
    • Changelog
  • Getting started
    • What is Online Store 2.0 theme?
    • Before you customize your theme
      • Step 1: Duplicate your theme to create a backup copy
      • Step 2: Follow our suggestions for a better design experience
      • Step 3: Understand the level of support we provide
      • Step 4: Learn about the ideal Shopify image sizes
  • GENERAL INFORMATION
    • How to install theme
    • Try themes for free
    • Add products to store
    • Set up collections
    • Customize the theme
    • Navigation menus
  • SECTIONS
    • Sections available in Inspired Themes
      • Featured collection
      • Featured product
      • Collection list
      • Rich text
      • Image with text
      • Image banner
      • Slideshow
      • Collage
      • Multicolumn
      • Email signup
      • Contact form
      • Video
      • Blog posts
      • Custom Liquid
      • Page
      • Collapsible content
      • Video banner
  • HEADER
    • Announcement bar
    • Header
  • PRODUCT PAGES
    • Product information
      • Default product blocks
      • Text
      • Line item property
      • Inventory status
      • Collapsible tab
      • Custom liquid
      • Pop-up
      • Product rating
    • Product information section settings
    • Product recommendations
    • Creating product templates
  • COLLECTION PAGES
    • Collection banner
    • Product grid
    • Creating collection templates
  • PAGES
    • Page Templates
    • Creating page templates
    • Other pages
      • 404
      • Cart
      • Checkout
      • Search
      • Blog Posts
      • Blog
  • FOOTER
    • Footer blocks
    • Footer settings
  • THEME SETTINGS
    • InspiredTheme Settings Intro
      • Colors
      • Typography
      • Styles
      • Layout
      • Animation
      • Social media
      • Search input
      • Favicon
      • Currency format
  • FAQs
    • Customer account
    • Set up local pickup
    • Where do submission of Email signup forms go?
    • View contact form submissions
    • Restrict store access, remove password
    • Integrate apps into the theme
    • How to add or edit content store policies?
    • How to use Canva templates
    • How to create Gift Card Products
    • How to center the heading of sections?
    • How to enable the country/region selector?
  • SUPPORT
    • InspiredTheme Support
Powered by GitBook
On this page
  • 1. Announcement block settings:
  • 2. Announcement bar section settings:

Was this helpful?

  1. HEADER

Announcement bar

An announcement bar is a short snippet where you can showcase a message to your store. Using an announcement bar in your store is one of the easiest ways to draw visitors' attention.

Last updated 1 year ago

Was this helpful?


You might add an announcement bar to highlight the following information:

  • Shipping information

  • New stock alerts

  • Any promotions, such as sales or new gift cards, etc.

1. Announcement block settings:

  • Click the arrow beside the Announcement bar section to reveal the announcement blocks.

  • Text: Add your message to the Text field. It displayed for an announcement.

  • Icon: You can use the drop-down options to change the icon to match the content of the Text field. Available icons are Box, Chat bubble, Checkmark, Dryer, Eye, Heart, Iron, Leaf, Leather, Lock, Map pin, Pants, Plane, Price tag, Question mark, Return, Ruler, Shirt, Shoe, Silhouette, Star, Truck, and Washing.

  • Color scheme: Choose a color scheme to change the background of your announcement block.

  • Link: Use this field to link the announcement bar to a specific page on your store or an external URL. If the 'Link' field is left empty, no link is applied.

2. Announcement bar section settings:

  • Click on the Announcement bar section to open the section settings.

  • Show announcement: Enable/disable the bar by checking/unchecking the eye icon.

The Announcement bar automatically hides when there are no announcements.

  • Enable auto-scroll: If you have multi-announcements, you can activate the Enable auto-scroll setting to collapse announcements. Your announcements will automatically scroll.

  • Direction: auto-scroll announcement across Left or Right.

  • Speed: Set the scrolling speed of each announcement bar. You can choose between Slow, Normal, or Fast.

Announcements will pause when visitors hover over the announcement bar.

  • Color scheme: Choose a color scheme to change the background of your announcement bar.

When you enable auto-scroll, the color of the section will override all announcement blocks' colors.