Fluorescent
Lorenza
Lorenza
  • Lorenza Help Center
    • Start using Lorenza
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Theme updates
      • Upgrade to OS2
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 heading tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • Home page
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • Password page
      • Search page
      • 404 page
    • Header
      • Logo
      • Layout and style
      • Mega navigation
      • Transparent header
      • Quick search
      • Customer account link
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Language selector
      • Country selector
      • Payment icons
      • Social media icons
    • Utility bar
      • Announcements
  • Sections
    • Theme sections
      • Blog posts
      • Collapsible row list
      • Collection list
      • Collection list grid
      • Featured collection
      • Featured collection grid
      • Featured collection row
      • Featured product
      • Gallery
      • Image hero
      • Image with text
      • Image with text split
      • Map
      • Mosaic grid (2 columns)
      • Mosaic grid (3 columns)
      • Newsletter
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Slideshow split
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Products
    • Product listings
    • Product badges
    • Quick shop
  • Product pages
    • Product template
      • Pre-order template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Gift recipient form
    • Product page blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Information popup
      • Payment block
      • Security block
      • Shipping block
      • Stock level indicator
      • Text block
      • Text with image
      • Text with video
      • App blocks
    • Product page sections
      • Product reviews
      • Recently viewed products
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Enable swatches
        • Use default colors
        • Use custom images
        • Dynamic option availability
        • Show on collections
  • Collection pages
    • Collection template
    • Banner
      • Breadcrumbs
    • Product grid
    • Filters and sorting
  • Cart
    • Cart page
    • Fly-out cart
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Add announcements
  • Set time between announcements
  • Settings reference

Was this helpful?

  1. Pages
  2. Utility bar

Announcements

Header

Last updated 1 year ago

Was this helpful?

In the Utility bar, you can display up to 3 rotating announcements at the top of every page. Let customers know about current promotions, sales, new product lines, or other need-to-know updates with optional links to other pages.

Add announcements

Add up to 3 announcements with optional links and custom colors. For multiple announcements, you can set the time between announcements when rotating.

STEPS

In your theme editor (Customize):

  1. Click the arrow beside the Utility bar to reveal the announcement blocks.

  2. Click (+) Add announcement to add up to 3 announcements.

    Click Remove block in the block settings to delete an announcement.

  3. Click on an Announcement block to open the settings.

  4. Enter your Announcement text as a message to your customers.

    We recommend entering no more than 10 words.

  5. (Optional.) Click the Announcement Link field to select a page from your online store or enter a URL to direct customers to another page.

  6. (Optional.) Change the Background color and Text color of the announcement.

  7. Click Save.

Set time between announcements

By default, multiple announcements will rotate every 5 seconds. You can choose to display each message between 3 to 15 seconds. Announcements with more words may need more time for customers to read them.

STEPS

In your theme editor (Customize):

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

  2. Move the slider to set the time between announcements from 3 to 15 seconds.

    Announcements will pause when customers hover over the announcement bar.

  3. Click Save.

Settings reference

Click on the Announcement blocks to find the following settings:

Setting
Description

Announcement text

Enter a short sentence as a storewide message. We recommend between 4 and 8 words.

Announcement link

Select a page to direct customers to when they click the announcement text.


Related links

We recommend using WebAIM's when matching colors to make sure your text is clear and readable for everyone.

contrast checker
Header