Skip to main content

Integrate with Rebuy drawer cart

Learn how to enable Dynamic Pricing and add the promotion code field and promotion summary to the drawer cart offered by the Rebuy app

Bart C avatar
Written by Bart C
Updated over 2 years ago

Custom Rebuy drawer cart

Note: this article assumes the user is using the custom Rebuy drawer cart. For more information on how to configure this, see https://developers.rebuyengine.com/reference/smart-cart-custom-template

Limitations

Discount Ninja does not provide support for a full integration with Rebuy's drawer cart. Specifically, the following is not supported:

  • The Rebuy shipping bar is not aware of the discounted cart total. This can be achieved programmatically (JavaScript knowledge required) using the Discount Ninja client side API.

  • Rebuy offers an upsell popup when the checkout button is clicked. This feature is not compatible with Discount Ninja.

Dynamic Pricing

  • Edit the code of your theme

  • Find the rebuy-cart-template.liquid file

    Root

  • Add the class limoniapps-discountninja-drawercart-root to the div with class rebuy-cart__flyout

  • This should look as follows:

    <div class="rebuy-cart__flyout limoniapps-discountninja-drawercart-root">

    Product / line price

  • Find the div with class rebuy-cart__flyout-item-price and the limoniapps-discountninja-cart-item-product-price class as well as the data attribute v-bind:data-limoniapps-discountninja-cart-key="item.key".

  • If you prefer to show the line price (i.e. product price x quantity), use the class limoniapps-discountninja-cart-item-line-price instead.

  • This should look as follows:

    <div class="rebuy-cart__flyout-item-price limoniapps-discountninja-cart-item-product-price" v-bind:data-limoniapps-discountninja-cart-key="item.key">

    Cart text

  • Find the div with class rebuy-cart__flyout-item-variant-title.

  • Below it, add the line 

    <div class="limoniapps-discountninja-cart-item-product-comment" v-bind:data-limoniapps-discountninja-cart-key="item.key"></div>

    Subtotal

  • Find the div with class rebuy-cart__flyout-subtotal-amount and add the class limoniapps-discountninja-cart-subtotal-price

  • Optionally, add the class limoniapps-discountninja-cart-subtotal to the div with class rebuy-cart__flyout-subtotal. This is recommended if you plan to use the promotion summary.

  • Optionally, add the promotion summary placeholder using <div class="limoniapps-discountninja-cart-promotionsummary"></div>

  • This should look as follows:

     <div class="rebuy-cart__flyout-subtotal">
                        <div class="rebuy-cart__flyout-subtotal-label">
                            <span v-html="subtotalLabel()"></span>
                        </div>
                        <div class="rebuy-cart__flyout-subtotal-amount limoniapps-discountninja-cart-subtotal-price" v-html="subtotal()"></div>
                    </div>
    <div class="limoniapps-discountninja-cart-promotionsummary"></div>

    Terms and conditions

  • Find the input with classes rebuy-cart__flyout-terms-checkbox rebuy-checkbox and add the class limoniapps-discountninja-checkout-checkbox.

  • This should look as follows:

    <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox limoniapps-discountninja-checkout-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" />

    Promotion code field

  • Find the div with class rebuy-cart__flyout-discount-container. On the line above it add:

    <div class="limoniapps-discountninja-cartdiscountfield-placeholder"></div>

Related Articles
Cart promotion code field
Client-side API
Promotion summary
Enable Discount Ninja on a PageFly page
Why do my offers only show in the cart?
Did this answer your question?