Jak dodać ikony płatności do stopki?
Możliwość zmiany/dodania ikon przy wyborze metody płatności jest możliwa jedynie na planie Shopify Plus.
W tym poradniku przedstawimy, jak można dodać ikony w stopce sklepu (na dowolnym planie).
-
Odnajdź plik, który odnosi się do
shop.enabled_payment_types
– zazwyczaj jest to snippets/footer.liquid -
Kiedy znajdziesz kod wyglądający podobnie do tego:
<div class="payment-list"> {% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag: class: 'payment-list__item' }} {% endfor %} </div>
-
Dodaj {{ 'NAZWA' | payment_type_svg_tag: class: 'KLASA }} dla każdej ikony. W pierwszej części wprowadź nazwę ikony (dostępne wartości to m.in.:
payu, blik, visa, master
). Jeżeli szablon dodaje klasę CSS do swoich ikon, należy wprowadzić ją także w atrybucieclass
. -
Na powyższym przykładzie, dodanie ikon PayU, BLIK, VISA i Mastercard będzie wyglądać następująco:
<div class="payment-list"> {{ 'payu' | payment_type_svg_tag: class: 'payment-list__item' }} {{ 'blik' | payment_type_svg_tag: class: 'payment-list__item' }} {{ 'visa' | payment_type_svg_tag: class: 'payment-list__item' }} {{ 'master' | payment_type_svg_tag: class: 'payment-list__item' }} {% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag: class: 'payment-list__item' }} {% endfor %} </div>
-
Zapisz zmiany. Nie zapomnij włączyć ikon w ustawieniach stopki szablonu!