KLARNA-ShowKlarnaAtPlaceOrder

Der Bereich wird benötigt, um den Zahlungsarten-Container von Klarna auf der Bestellübersichtsseite (ws_place_order.htm) anzuzeigen, wenn der Käufer vorher auf der Zahlungs- und Versandarten-Seite (ws_pay_deliv.htm) Klarna gewählt hat.

Wegweiser: Klarna Payments

<body>
...
<form action="~FORM-PlaceOrder~" id="<Ihre-FORM-ID>" method="post" ...>
   ...
   {ST-Payment(35)}
      {KLARNA-ShowKlarnaAtPlaceOrder}
         <input name="~KLARNA-AuthTokenName~" id="auth_token_id" type="hidden"> <!-- innerhalb der FORM-PlaceOrder! -->
         <div id="klarna_div_id"> </div>  <!-- lädt hier den div-Container mit den Zahlungsarten, die über Klarna zur Verfügung gestellt werden -->
      {/KLARNA-ShowKlarnaAtPlaceOrder}
   {/ST-Payment(35)}
   ...
</form>
...
...
{ST-Payment(35)}
   {KLARNA-ShowKlarnaAtPlaceOrder}
      <script type="application/javascript">
         window.klarnaAsyncCallback = function () {
            Klarna.Payments.init({
               client_token: '~KLARNA-ClientToken~'
            })
            Klarna.Payments.load({
               container: '#klarna_div_id',
               payment_method_category: 'klarna'
            })
         }
 
         $("[name='~BT-PlaceOrder~']").click(function(e) {
            e.preventDefault();
            Klarna.Payments.authorize({
               payment_method_category: "klarna"
            },
            JSON.parse('~KLARNA-OrderDataJSON~'),
            function(res) {
               if(res.authorization_token){
                  // Token muss in Input-Feld gespeichert werden!
                  $("#ws_auth_token_id").val(res.authorization_token);
                  $("#<Ihre-FORM-ID>").submit();
               }
            })
         });
      </script>
      <script src="https://x.klarnacdn.net/kp/lib/v1/api.js" async></script>
   {/KLARNA-ShowKlarnaAtPlaceOrder}
{/ST-Payment(35)}
...
</body>

Verwendbar als …

Einzel-Tag

–

Bereichs-Tag

+

negatives Bereichs-Tag

+

Schleifen-Tag

–

Zulässig in Templates …

Bestellübersichtsseite (ws_place_order.htm)