Melbourne ecommerce theme - Adding Afterpay snippets
From Spiffy Stores Knowledge Base
1. Product page
Paste the code provided below above this line in your product.liquid file...
{% if settings.yotpo_reviews and settings.yotpo_appkey != blank %}{% include "yotpo_stars" %}{% endif %}
You may need to alter the minimum product price in accordance with Afterpay's requirements.
{% if product.price_min < 1000 %} <div style="margin-top:15px; margin-bottom:15px;"> <p><img src="{{ 'afterpay/ap-01.jpg' | global_asset_url }}" style="width: 100px;"><a href="https://static.secure-afterpay.com.au/banner-large.png" id="afterpay-popup" class="image-link"> More info</a>.</p> <p>Make 4 interest-free payments of <strong><span id="afterpay-price">{{ product.price | divided_by: 4 | money }}</strong> fortnightly and receive your order now.</p> <p style="font-color: #CCC; font-size: 11px;">*Minimum order amount of $100, and a maximum of $1000 applies. <a href="https://www.afterpay.com/en-AU/terms-of-service" id="afterpay-terms-popup" class="" target="_blank"> Afterpay Terms</a></p> </div> {% endif %}
2. Cart Page
Paste the code provided below above this line in your cart.liquid file...
{% include 'payment_methods' %}{% endif %}
You may need to alter the minimum and maximum amounts in accordance with Afterpay's requirements.
{% if cart.total_price > 100 %}{% if cart.total_price < 1000 %} <div style="display: block; margin-top:15px; margin-bottom:15px;"> <p><img src="{{ 'afterpay/ap-01.jpg' | global_asset_url }}" style="width: 100px;"><a href="https://static.secure-afterpay.com.au/banner-large.png" id="afterpay-popup" class="image-link"> More info</a></p> <p>Make 4 interest-free payments of <strong><span id="afterpay-price">{{ cart.total_price | divided_by: 4 | money }}</strong> fortnightly and receive your order now.</p> <p style="font-color: #CCC; font-size: 11px;">*Minimum order amount of $100, and a maximum of $1000 applies.<a href="https://www.afterpay.com/en-AU/terms-of-service" id="afterpay-terms-popup" class="" target="_blank"> Afterpay Terms</a></p> </div> {% endif %}{% endif %}