Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • 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 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Header

Announcement bar

PreviousHeaderNextHeader section

Last updated 8 months 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.

Setting
Description

Visibility

Customization of announcement bar visibility in the announcement section is as follows:

  • All pages

  • All pages except the home page

  • Home page only

  • Product page only

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Uppercase announcement bar

Enable this checkbox to uppercase text.

Allow users to close announcement

Enable this checkbox to show announcement bar close icon.

Show gradient text animation effect

Enable this checkbox to show text in gradient color.

Enable autoplay

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

Autoplay interval

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.

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

Icon

In the section, the icons are given to select.

Text

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

Button options

Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Enable arrow By enabling this checkbox, you can show arrow icon.

Live Chat Support | Webibazaar Template
Logo