Manually Add Afterpay Site Messaging to Theme

1
<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.2.1) -->
2
{% if cart.currency.iso_code == shop.currency %}
3
<script type="text/javascript">
4
// Overrides:
5
// var afterpay_msg_size = 'sm';  // Can be 'xs', 'sm', 'md' or 'lg'.
6
// var afterpay_bold_amount = true;
7
// var afterpay_logo_theme = 'colour';  // Can be 'colour', 'black' or 'white'.
8
// var afterpay_modal_open_icon = true;
9
// var afterpay_hide_upper_limit = false;
10
// var afterpay_hide_lower_limit = true;
11
// var afterpay_show_if_outside_limits = true;
12
13
// var afterpay_product_integration_enabled = true;
14
// var afterpay_product_selector = '#product-price-selector';
15
// var afterpay_variable_price_fallback = false;
16
// var afterpay_variable_price_fallback_selector = '';
17
// var afterpay_variable_price_fallback_method = 'mutation';  // Can be 'mutation' or 'interval'.
18
19
// var afterpay_cart_integration_enabled = true;
20
// var afterpay_cart_static_selector = '#cart-subtotal-selector';
21
// var afterpay_variable_subtotal_fallback = false;
22
// var afterpay_variable_subtotal_fallback_selector = '';
23
// var afterpay_variable_subtotal_fallback_method = 'mutation'; // Can be 'mutation' or 'interval'.
24
25
// var afterpay_dynamic_cart_integration_enabled = false;
26
// var afterpay_dynamic_cart_selector = '.cart-drawer__footer .totals';
27
// var afterpay_dynamic_cart_observer_target = '#CartDrawer';
28
29
// var afterpay_footer_logo_enabled = true;
30
// var afterpay_footer_logo_format = 'icon';  // Can be 'icon', 'stacked' or 'logo'.
31
// var afterpay_footer_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'.
32
// var afterpay_footer_logo_background = 'border';  // Can be 'border' or 'transparent'.
33
// var afterpay_footer_logo_container = 'footer ul.payment-icons';
34
// var afterpay_footer_logo_template = '<li class="payment-icon"><object data="{logo_path}" type="image/svg+xml"></object></li>';
35
36
// Non-editable fields:
37
var afterpay_js_language = {{ localization.language.iso_code | slice: 0, 2 | json }};
38
var afterpay_js_country = {{ localization.country.iso_code | json }};
39
var afterpay_shop_currency = {{ shop.currency | json }};
40
var afterpay_cart_currency = {{ cart.currency.iso_code | json }};
41
var afterpay_shop_money_format = {{ shop.money_format | json }};
42
var afterpay_shop_permanent_domain = {{ shop.permanent_domain | json }};
43
var afterpay_theme_name = {{ theme.name | json }};
44
var afterpay_product = {{ product | json }};
45
var afterpay_product_collections = {{ product.collections | map: 'title' | join: ',' | json }};
46
var afterpay_current_variant = {{ product.selected_or_first_available_variant | json }};
47
var afterpay_cart_total_price = {{ cart.total_price | json }};
48
var afterpay_cart_skus = {{cart.items | map: 'sku' | join: ',' | json }};
49
var afterpay_cart_collections = {{cart.items | map: 'product' | map: 'collections' | map: 'title' | uniq | join: ',' | json }};
50
var afterpay_js_snippet_version = '1.2.1';
51
</script>
52
<script type="text/javascript" src="https://static.afterpay.com/shopify-afterpay-javascript.js"></script>
53
{% else %}
54
<!-- Afterpay disabled: {{ cart.currency.iso_code }} != {{ shop.currency }} -->
55
{% endif %}
56
<!-- End Shopify-Afterpay JavaScript Snippet (v1.2.1) -->

1
// var afterpay_dynamic_cart_integration_enabled = true;
2
3
// var afterpay_dynamic_cart_selector = '.cart-drawer__footer .totals';
4
5
// var afterpay_dynamic_cart_observer_target = '#CartDrawer';

1
var afterpay_dynamic_cart_integration_enabled = true;
2
var afterpay_dynamic_cart_selector = '.total';
3
var afterpay_dynamic_cart_observer_target = '#CartDrawer';