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
  • App block alternative
  • Placeholder
  • Snippet
  • Example

Was this helpful?

  1. Discount Ninja Developer Hub
  2. Theme edits
  3. Code edits
  4. Product Detail Page (PDP)

Banner

PreviousPriceNextBadge

Last updated 7 months ago

Was this helpful?

App block alternative

If your theme supports App blocks (introduced in Online Store 2.0), avoid editing the theme and use the instead.

Placeholder

Snippet

Use the following snippet to add the placeholder in a Liquid template:

<div la-dn-product-banner></div>

Example

<div class="title">
    <h1>{{ product.title | escape }}</h1>
    ...
</div>
<div la-dn-product-banner></div>
Product Page Banner App block