Created
October 24, 2018 20:45
-
-
Save atikju/515bf0e675b7f6fb236369be48930fba to your computer and use it in GitHub Desktop.
Shopify - Apply Discount / Coupon / Promo Code on cart page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="cart-promo"> | |
<h2>ENTER A PROMO CODE</h2> | |
<input type="text" id="devPromo"> | |
<a href="/checkout?discount=none" id="redemDevPromo">Apply Coupon</a> | |
</div> | |
<script> | |
$(document).ready(function(){ | |
//listen to the promo button click | |
$('#redemDevPromo').on('click', function(event){ | |
//disable the button event | |
event.preventDefault(); | |
//write the url format | |
var theUrl = '/checkout?discount='; | |
//grab the discount code from the input | |
var theDiscount = $('#devPromo').val(); | |
//full url to redirect to checkout with promo code | |
var toRedirect = theUrl+theDiscount; | |
console.log(toRedirect); | |
//redirect | |
window.location.href = toRedirect; | |
}); | |
}); | |
</script> |
The code takes you to the checkout page, I need the discount code to be effective on the cart page and calculate the total price...can you make something like that ...
Hi! This code is amazing. I do have a request if you are still there? Is it possible the discount can be updated on the same page instead of redirecting to the checkout page? This way my customers can just choose paypal? Thank you!
Hii, The discount code is not applied to the checkout, plus it is also showing the error in the checkout page. Could you please suggest me something to correct this.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
There's a Shopify app to exactly do that: [Voila - Discount on Cart] (https://apps.shopify.com/available-discount-coupon-list-on-cart-page)
You can also show selected coupon code on the cart page with this.