Zahlungsicons im Footer auf die wichtigsten Zahlungsmethoden reduzieren

Wie man die Zahlungsmethoden ohne App ins Produktdetail, unter den Warenkorb-Checkout Button einfügen kann, habe ich in diesem Artikel beschrieben.

Wie man diese unnötigen/hässlichen Payment-Icons aus dem Footer bekommt, erkläre ich nun in diesem Artikel. Wir sehen diese unschöne Sache (siehe Bild 1) immer wieder, bei den Shop-Analysen, welche wir mit dem StoreInspector.io anbieten.

Wie geht das?

Das geht bei den meisten Themes ganz einfach. Und zwar, indem man ein paar Linien in Footer-Liquid anpassen.

1. Onlineshop -> Themes -> Aktuelles Theme wählen -> Aktionen -> Code bearbeiten
2. Die Datei footer.liquid aufmachen/editieren
3. Den Code "{% for type in shop.enabled_payment_types %}" in der Datei suchen (siehe Bild 2)
4. Diesen Linien-Code ersetzen (siehe Bild 3) mit den 2 Linien-Codes unten:
   
   {% assign enabled_payment_types = 'paypal,visa,master,american_express' | remove: ' ' | split: ',' %}
   {% for type in enabled_payment_types %}
5. Die Werte in "assign enabled_payment_types" steuern die Inhalte der Icons. Unten hast du alle verfügbaren Zahlungsmethoden, welche du verwenden kannst. Je nach Wunsch die Zahlungsmethoden anpassen und sortieren.
6. Wir empfehlen immer nur eine Linie auf Mobile zu haben und nur die wichtigsten Zahlungsmethoden, sortiert nach der Beliebtheit (je nach Land/Shop unterschiedlich) anzuzeigen.

Alle verfügbaren Zahlungsmittel

• american_express
• apple_pay
• bitcoin
• dankort
• diners_club
• discover
• dogecoin
• dwolla
• forbrugsforeningen
• google_pay
• ideal
• jcb
• klarna
• klarna-pay-later
• litecoin
• maestro
• master
• paypal
• shopify_pay
• sofort
• visa
• amazon

Fertig! 😎

PS: Wenn Du am Code arbeitest, vorher immer eine Kopie des Themes machen.