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

  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!

Czy to odpowiada na Twoje pytanie? Dziękujemy za opinię There was a problem submitting your feedback. Please try again later.