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
fileRoot
Add the class
limoniapps-discountninja-drawercart-root
to thediv
with classrebuy-cart__flyout
This should look as follows:
<div class="rebuy-cart__flyout limoniapps-discountninja-drawercart-root">
Product / line price
Find the
div
with classrebuy-cart__flyout-item-price
and thelimoniapps-discountninja-cart-item-product-price
class as well as the data attributev-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 classrebuy-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 classrebuy-cart__flyout-subtotal-amount
and add the classlimoniapps-discountninja-cart-subtotal-price
Optionally, add the class
limoniapps-discountninja-cart-subtotal
to thediv
with classrebuy-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 classesrebuy-cart__flyout-terms-checkbox rebuy-checkbox
and add the classlimoniapps-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 classrebuy-cart__flyout-discount-container
. On the line above it add:<div class="limoniapps-discountninja-cartdiscountfield-placeholder"></div>