Dodawanie zgód do płatności online w szablonach

Dodawanie zgód do płatności online w szablonach

W tym artykule dowiesz się, jak dodać zgody do swoich płatności online.

1. Bursztyn lub Opal

W pliku order/thank-you.html wyszukaj frazę Fields. Będzie to fragment takiej pętli:
{% for f in cart.PlacedOrder.ExternalPayment.Fields -%}

{% endfor -%}

Pod nią wklej poniższy kod:

{% for c in cart.PlacedOrder.ExternalPayment.Consents -%}

{% if c.Statement -%} {% else -%}

{% endif -%}

{% endfor %}


 

2. Szafir

W pliku order/thx.html wyszukaj frazę Fields. Będzie to fragment takiej pętli:
{% for field in order.PlacedOrder.ExternalPayment.Fields -%}

{% endfor -%}

Pod nią wklej poniższy kod:
{% for consent in order.PlacedOrder.ExternalPayment.Consents -%}

{% if consent.Statement -%}

{{ consent.Text }}

{% else -%} {% endif -%}

{% endfor -%}

W pliku scss/globals/_globals2.scss na samym końcu wklej poniższy fragment kodu:
.order-ui .in-external-payment-ui{
padding-bottom: 0;
margin: 20px 0;
}

Następnie taki plik należy zapisać zminifikować.

Wskazówka
O tym jak skompilować i zminifikować pliki scss dowiesz się z artykułu o kompilacji i minifikacji plików.

Agat

W pliku partials/cart/summary.html wyszukaj frazę online-payment-step. Jest to klasa elementu form, do którego należy dodać atrybut data-tos-invalid=”{{translations.TosRequired}}” tak, aby ostatecznie wyglądał jak kod poniżej:

Pozostając dalej w tym samym pliku (partials/cart/summary.html) wyszukaj frazę Fields. Będzie to fragment takiej pętli:
{% for f in cart.PlacedOrder.ExternalPayment.Fields -%}

{% endfor -%}

Pod nią wklej poniższy kod:

    • {% for consent in cart.PlacedOrder.ExternalPayment.Consents -%}

    • {% if consent.Statement %}

      {{ consent.Text }}

      {% else %} {{translations.MainConsentWarning}} {% endif -%}

       

{% endfor %}

 

Na końcu pliku js/order.js wklej ten kod:
$('body').on('click', '.external-payment-lq', function (e) {
e.preventDefault();
var validate = application.uiValidateForm($('.online-payment-step'));
if (validate) {
$('.online-payment-step').submit();
}
});

W pliku js/init.js wyszukaj funkcję uiSetSwitchNameWidthInNewsletter i na jej końcu dodaj poniższy kod:
$('#main-section').find('.online-payment-step .switch-name').each(function () {
var width = $('.online-payment-info').width();
$('.online-payment-consents').css('width', width);
$(this).css('width', width - 65);
});

Na końcu pliku scss/main2.scss wklej ten kod:
.online-payment-consents{
display: inline-block;
list-style-type: none;
padding: 0;
text-align: left;
.switches:after{
content: '';
display: block;
clear: both;
}
}

Wskazówka
Pamiętaj, że pliki js i scss należy zminifikować. O tym jak skompilować i zminifikować pliki js i scss dowiesz się z artykułu o kompilacji i minifikacji plików.

Czy ten artykuł był pomocny?

Wyślij opnie