Jak dodać ikony płatności do stopki?

W tym poradniku przedstawimy, jak można dodać ikony w stopce sklepu (na dowolnym planie).

1. Odnajdź plik, który odnosi się do shop.enabled_payment_types – zazwyczaj jest to snippets/footer.liquid

2. 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>
   	

3. 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 atrybucie class.

4. 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>
   	

5. Zapisz zmiany. Nie zapomnij włączyć ikon w ustawieniach stopki szablonu!