app/template/aneros2023/lp/amazon_pay_lp_js.twig line 1

Open in your IDE?
  1. <script src="{{ AmazonPayV2Api.checkout_script_url }}"></script>
  3. <script>
  4. document.addEventListener('DOMContentLoaded', function () {
  5.   const mounts = ['mid','end']; // <- render twice
  7.   {% for CartIndex, Cart in Carts %}
  8.     {% set cartKey = Cart.cart_key %}
  10.     const cfg_{{ cartKey }} = {
  11.       merchantId: '{{ AmazonPayV2Config.seller_id }}',
  12.       ledgerCurrency: 'JPY',
  13.       checkoutLanguage: 'ja_JP',
  14.       productType: 'PayAndShip',
  15.       placement: 'Cart',
  16.       buttonColor: 'Gold',
  17.       createCheckoutSessionConfig: {
  18.         payloadJSON: '{{ cart[cartKey].payload|raw }}',
  19.         signature: '{{ cart[cartKey].signature }}',
  20.         publicKeyId: '{{ AmazonPayV2Config.public_key_id }}'
  21.       }
  22.     };
  24.     mounts.forEach(function(suffix){
  25.       const sel = '#AmazonPayButtons{{ cartKey }}_' + suffix;
  26.       if (document.querySelector(sel)) {
  27.         amazon.Pay.renderButton(sel, cfg_{{ cartKey }});
  28.       }
  29.     });
  30.   {% endfor %}
  31. });
  32. </script>