Hampton Bay Theme Docs – Your Path to E-Commerce!
Help CenterCompliance & LegalContact Us
  • Hampton Bay Theme Configuration
  • Overview
    • Our key features
    • Setting up the Hampton BayTheme
  • Theme
    • Header and Footer setup
      • Header
      • Announcement bar
      • Footer
    • Languages & Currencies
    • Theme customization options
      • Color Scheme
      • Typography
      • Inputs
      • Social media
      • Cart Drawer
      • Brand Information
      • Search Drawer
    • Sections
      • Banner Slider
      • Collage
      • Collapsible Content
      • Collections List
      • Collections Tab
      • Contact Form
      • Featured Collection
      • Featured Product
      • RichText
      • Multirow
      • Video Section
      • Featured Blog
      • Custom Liquid
      • Page Section
      • Image with Text
      • Multicolumn
      • Shop the Look Section
    • Cart
    • Pages
      • Collection
      • Product
      • About Us
      • Contact Us
Powered by GitBook
On this page
  1. Theme
  2. Header and Footer setup

Announcement bar

PreviousHeaderNextFooter

Last updated 4 months ago

The announcement bar, positioned just below the header at the top of the page, serves as a conspicuous area for sharing crucial updates, promotions, or time-sensitive messages to captivate visitors and prompt specific actions. Enhancing its flexibility, you can effortlessly add more announcements by incorporating them as individual blocks.

Each announcement block allows you to update text and links, providing users with clickable links leading to different URLs upon interaction. This feature offers a dynamic and efficient way to keep your audience informed and engaged.

How to add Announcements

You can customize the announcement bar from the Header Section. Follow these steps to add and customize an announcement:

  1. Go to Customizations

    1. Open your Shopify Admin.

    2. Navigate to Online Store > Themes > Customize.

  2. Open the Header Section

    1. In the theme customizer, go to the Header section.

    2. Look for the Announcement Bar customization options within the header settings.

  3. Add the Announcement Block

    1. Click on the Header dropdown and select Announcement.

    2. Here, you can customize the text, link, style, and behavior of the announcement bar that will appear at the top of your store.