BigCommerce

1
<!-- Begin Clearpay Stencil Snippet for BigCommerce v3.1.2 -->
2
<script>
3
{{#or (if page_type '===' 'product') (if page_type '===' 'cart')}}
4
    (function(){
5
        let locale = 'en_GB'; // 'fr_FR' || 'es_ES' || 'it_IT'
6
        const supported = ["GBP", "EUR"];
7
        const currency = '{{currency_selector.active_currency_code}}';
8
        if (supported.indexOf(currency) > -1) {
9
            {{#if page_type '===' 'product'}}
10
                let targetSelector = '.productView .productView-price';
11
            {{#if product.price.with_tax}}
12
                let priceSelector = '.productView-price .price--withTax';
13
                let cachedAmount = '{{product.price.with_tax.value}}';
14
            {{else}}
15
                let priceSelector = '.productView-price .price--withoutTax';
16
                let cachedAmount = '{{product.price.without_tax.value}}';
17
            {{/if}}
18
            {{else if page_type '===' 'cart'}}
19
                let targetSelector = 'ul.cart-totals li.cart-total:last-child';
20
                let priceSelector = '.cart-total-grandTotal';
21
                let cachedAmount = '{{cart.grand_total.value}}';
22
            {{/if}}
23
                const init = function(){
24
                    Afterpay.createPlacements({
25
                        targetSelector: targetSelector,
26
                        attributes: {
27
                            locale: locale,
28
                            currency: currency,
29
                            amount: cachedAmount,
30
                        }
31
                    });
32
                };
33
                const script = document.createElement('script');
34
                script.src = "https://js.afterpay.com/afterpay-1.x.js";
35
                script.dataset.min = "1.00";
36
                script.dataset.max = "1200.00"; // As per your Clearpay contract.
37
                script.onload = function () {
38
                    init();
39
                    setInterval(() => {
40
                        if (cachedAmount != document.querySelector(priceSelector).innerText) {
41
                           cachedAmount = document.querySelector(priceSelector).innerText;
42
                           if (document.querySelector('afterpay-placement')) {
43
                               document.querySelector('afterpay-placement').dataset.amount = cachedAmount;
44
                           } else {
45
                               init();
46
                           }
47
                        }
48
                    }, 400);
49
                };
50
                document.head.appendChild(script);
51
        }
52
    })();
53
{{/or}}
54
</script>
55
<!-- End Clearpay Stencil Snippet for BigCommerce v3.1.2 -->

1
<!-- Begin Clearpay Blueprint Snippet for BigCommerce v2.0.2 -->
2
<afterpay-placement></afterpay-placement>
3
<script>
4
    (function(){
5
        let locale = 'en_GB'; // 'fr_FR' || 'es_ES' || 'it_IT'
6
        const supported = ["GBP", "EUR"];
7
        const currency = '%%GLOBAL_CurrentCurrencyCode%%';
8
        if (supported.indexOf(currency) > -1) {
9
            let priceSelector = '.ProductDetailsGrid .VariationProductPrice';
10
            let cachedAmount = '%%GLOBAL_RawProductPrice%%';
11
            const placement = document.querySelector('afterpay-placement');
12
            placement.dataset.locale = locale;
13
            placement.dataset.currency = currency;
14
            placement.dataset.amount = cachedAmount;
15
            const script = document.createElement('script');
16
            script.src = "https://js.afterpay.com/afterpay-1.x.js";
17
            script.dataset.min = "1.00";
18
            script.dataset.max = "1200.00"; // As per your Clearpay contract.
19
            script.onload = function () {
20
                setInterval(() => {
21
                    if (cachedAmount != document.querySelector(priceSelector).innerText) {
22
                       cachedAmount = document.querySelector(priceSelector).innerText;
23
                       placement.dataset.amount = cachedAmount;
24
                    }
25
                }, 400);
26
            };
27
            document.head.appendChild(script);
28
        }
29
    })();
30
</script>
31
<!-- End Clearpay Blueprint Snippet for BigCommerce v2.0.2 -->