Have a discount code? link under the checkout button in cart
Requires Carter for Shopify
Automatic placement
By default, on app install, the Have a discount code? link is placed under the Checkout button in the cart page and/or ajax cart (drawer).
You can go and enable/disable this automatic link in the Settings section.
Manual placement
Some themes might have some visual glitches with this automated placement, therefore we now allow merchants to manually input the link manually.
Indeed, you can now insert a code snippet in any theme file (preferably in cart.liquid or cart-template.liquid) or any page/post to display a Have a discount code? link under the Checkout button.
<a href='#' onclick="tbn_show_carter_popup()"> Have a discount code? </a>
Insert the snippet above where you want the Have a discount code? to appear.
This is useful is the automatic placement of the link under the Checkout button is wrong in your store, for some reasons (issues can be cause by more than one Checkout button in the cart page OR by some apps that have their own Checkout button or their own Checkout system.
When you are done, it will look and behave like the following.
You can give any class and style to the link. For example, it can be a button instead of a link, using your theme's primary or secondary button classes. In most themes, the class used for a button is btn and most often combined to something else, like btn btn--primary or btn-secondary. You'll need to check the classes used in your theme's stylesheet (usually located in theme.scss.liquid file). You can add this class inside the Have a discount snippet, like this:
<a href='#' class="btn" onclick="tbn_show_carter_popup()"> Have a discount code? </a>.
That will make the link to look like a button. For example:
