Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  • Add an announcement bar
  • Add an announcement
  1. Header

Announcement bar

PreviousHeaderNextHeader section

Last updated 1 month ago

You can add an announcement bar to your online store to display important information about your store.

You can highlight the following information by adding an announcement bar:

  • Any shipping delays or regions not accepting international shipments.

  • Any new or updated policy pages.

  • Any promotions are being offered at this time, such as sales or new gift cards.

Add an announcement bar

Setting
Description

Home page only

Enable this checkbox to show this section in only home page.

Social media icons

Enable this checkbox to show social icons on desktop

Auto rotate between messages

Enable this checkbox to automatically rotate through the announcement bar text.

Change message every

Use the bar to set the auto-rotate time of the text. You can set a minimum of “3” seconds and a maximum of “9” seconds.

Country/region selector

By enabling this checkbox, you can see country/region selector in the announcement bar section.

Language selector

By enabling this checkbox, you can see Language selector in the announcement bar section.

Enable flag

Enable this checkbox to show the country flag.

Color scheme

The announcement bar section background color appears behind the text:

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

Mobile layout

Enable this checkbox to show announcement bar on mobile.

These settings will allow you to do the following tasks:

  • Change the text of the announcement bar section.

  • Change the background and text color of your Announcement bar section.

  • Add a link to your Announcement bar. No link will apply if the "Link" field is empty.

Add an announcement

Only one announcement bar section is available in the theme, but, there can be more than ten blocks in the announcement bar section with which you can add multiple announcement bars. Moreover, In the announcement bar section, you can only add announcement bar blocks.

Block
Description

Text

Enter text to display as a announcement bar text on the section.

Link

Enter link to the announcement bar text on the section.

Button

Label

Enter text to display as a button text in the announcement bar section.

Link Enter link to display as a announcement bar button link in the section.

Live Chat Support | Webibazaar Template
Logo