Wskazówka
Od 1 czerwca 2025 roku zakończyliśmy aktualizację oraz wydawanie nowych wersji szablonów Bursztyn, Agat i Opal, a tym samym ich wsparcie, aby skupić się na nowoczesnych rozwiązaniach, które jeszcze lepiej odpowiadają na potrzeby dynamicznie rozwijającego się rynku e-commerce.
Zachęcamy Was do przejścia na nasze nowe, udoskonalone szablony. Dla sklepów B2C polecamy szablony Topaz, One Page Shop oraz Dla Gastronomii, natomiast dla platform B2B idealnym wyborem będą Rubin i Szafir.
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 -%} {{c.Text}} {% else -%}
{% if c.Required -%}*{% endif -%} {{c.Text}}
{% 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 -%} {% if consent.Required -%}* {% endif -%}{{ consent.Text }} {% if consent.Required -%} {{ translations.RequiredField }} {% endif -%} {% 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}} {% if consent.Required -%}* {% endif -%}{{ consent.Text }} {% 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?
Inne w kategorii
-
-1
- 2098
-
1
- 2273
-
-1
- 2668
-
-26
- 1636
-
Zmiana nagłówka sekcji polecanych towarów na przykładzie szablonu Topaz
-
0
- 2880
-
0
- 3135
Społeczność Comarch
Dzięki społeczności Comarch ERP rozwiązujemy problemy, dzielimy się pomysłami oraz informujemy o nowościach.
Dołącz do Społeczności Comarch
Oferta e-Commerce
Demo Comarch e-Sklep
Zamów Comarch e-Sklep
Cennik Comarch e-Sklep
Comarch e-Sale
Comarch B2B
Czym się różni Comarch
e-Sklep B2B od Comarch B2B?
Przydatne linki
Spis treści
Stwórz darmowy szablon
Konfigurator produktu
Więcej o Comarch ERP
Pomoc Comarch Betterfly
Pomoc Comarch ERP Optima
Pomoc Comarch ERP XL
Pomoc Comarch ERP Altum
Oprogramowanie e-commerce
Sztuczna Inteligencja (AI)