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
  • Cart v checkout
  • Classic v drawer
  • Theme edits
  • Integration

Was this helpful?

  1. Discount Ninja Developer Hub
  2. Theme edits
  3. Code edits

Cart

Cart v checkout

The cart page represents the shopping basket that the customer intends to check out. The customer can add and remove products to review the price and then proceed to the checkout to provide payment and shipping details and place an order.

Classic v drawer

All themes include a "classic" cart page, which can be accessed using the /cart path (e.g. www.myshop.com/cart).

Some themes and third-party apps offer a drawer cart (also known as slide-out cart) which displays the content of the shopping cart to the customer using a pop-up on the current page, i.e. without navigating to the /cart path.

Discount Ninja is compatible with both types of cart pages.

Theme edits

To support displaying discounted prices in the classic cart page and the drawer cart, you'll need to make the following edits:

  • Mark the root (only for drawer cart)

  • Cart item: item price, line price, quantity, text and built-in discounts

  • Mark the subtotal

  • Optionally remove the subtotal and use the Promotion Summary widget

  • Optionally use the Promo Code Field widget

Integration

The integration articles include information regarding:

  • Terms and conditions checkboxes

  • Pickup + delivery apps

  • Progress bar

  • Order bumps

PreviousQuick ViewNextRoot

Last updated 5 months ago

Was this helpful?

To ensure proper integration with other apps that can be found on the cart page, please check the integration articles available .

here