Discount Ninja
  • Discount Ninja Developer Hub
    • Storefront API
      • Promotion Engine
        • Enable
        • JavaScript API
          • Functions
          • Events
          • Objects
      • Widgets
        • Guiding principles
          • Accessibility
          • Localization
          • Integration
          • Style
        • Announcement Bar
        • Notification
        • Offer Rules Popup
        • Product Banner
        • Promotion Summary
        • Promotion Code Field
        • Promotional Badge
    • Integration
    • Theme edits
      • App blocks
        • Product Page Banner
        • Promo Code Field
        • Promotion Summary
      • Code edits
        • Product Detail Page (PDP)
          • Price
          • Banner
          • Badge
        • Product List Page (PLP) and Collections
          • Attributes
          • Price
            • Searchanise Search & Filter
            • Globo Smart Product Filter & Search (aka SPF)
            • AI Search & Product Filter (Ultimate Search)
            • Boost AI Search & Filter (aka PFS)
          • Badge
          • Pagination
          • Quick View
        • Cart
          • Root
          • Cart item
          • Promo Code Field
          • Promotion Summary
          • Subtotal
        • Gift With Purchase
Powered by GitBook
On this page
  • Registration
  • Style
  • Events subscribed
  • Events published

Was this helpful?

  1. Discount Ninja Developer Hub
  2. Storefront API
  3. Widgets

Announcement Bar

The announcement bar helps merchants to draw attention to promotions, communicate important announcements to customers and tells the customer what they need to do to unlock rewards.

PreviousStyleNextNotification

Last updated 1 year ago

Was this helpful?

This widget is currently available for V6 Beta customers only

Registration

This widget is included in the "Discount Ninja" App Embed.

Style

Check out to learn more about how the style of this widget can be changed.

Events subscribed

la:dn:announcement-bar:start

  • Executes the start method on the slot that supports cycling.

la:dn:announcement-bar:stop

  • Executes the stop method on the slot that supports cycling.

la:dn:announcement-bar:previous

  • Executes the previous method on the slot that supports cycling.

la:dn:announcement-bar:next

  • Executes the next method on the slot that supports cycling.

la:dn:announcement-bar:show-message

  • Executes the showMessage method on the slot that supports cycling.

  • Expects a parameter named token to indicate which message to show.

la:dn:announcement-bar:highlight-message

  • Executes the highlightMessage method on the slot that supports cycling.

  • Expects a parameter named token to indicate which message to highlight.

Events published

la:dn:announcement-bar:ready

  • Indicates the component is ready.

  • At this point the component is subscribed to all events it listens to.

this article