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.
- Onlineshop -> Themes -> Aktuelles Theme wählen -> Aktionen -> Code bearbeiten
- Die Datei footer.liquid aufmachen/editieren
- Den Code "{% for type in shop.enabled_payment_types %}" in der Datei suchen (siehe Bild 2)
- 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 %} - 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.
- 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.
