Montreal-based Shopify experts cooking some Shopify apps.
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.
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:
Tabarnapp's mission is to help you get the most of each visit on your Shopify store.
E: support@tabarnapp.com