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

Was this helpful?

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

Product Banner

The product banner is displayed on the product page and adds an optional message used to highlight the offer, explain its rules and increase the chance the user adds the product to the cart.

PreviousOffer Rules PopupNextPromotion Summary

Last updated 1 year ago

Was this helpful?

This widget is currently available for V6 Beta customers only

Registration

App Embed

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

Placeholder

A placeholder for the banner must be added to the template(s) of the product page(s) where the banner should be displayed. This can be achieved in one of the following ways:

  • OS 2.0 Using Shopify's theme editor, add the "Discount Ninja Product Banner" App Block to the section on the product page template(s) where you want banners to be displayed

  • If your theme does not support App Blocks on the product page template, add the following snippet to your product page instead:

<la-dn-product-banner-placeholder product-handle="{{ product.handle }}">
</la-dn-product-banner-placeholder>

Note: the variable "product" in "product.handle" may be different in your theme.

Style

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

this article