Liquid, JavaScript, Themes
Hallo zusammen
Ich würde gerne in meiner Fusszeile die Zahlungssymbole um ein weiteres, nämlich das Zahlungssymbol von Twint ergänzen. Ich hab hier im Forum bereits dieselbe Frage gefunden, aber die Lösung hat bei mir nicht geklappt. Es wird in erwähnter Lösung auf folgende Anleitung verwiesen:
Ich finde aber leider in meinem Theme Dawn im footer.liquid den erwähnten Code nicht und kann ihn also auch nicht durch den notierten Code ersetzen. Ich hab dann probiert, den zweiten Code ans Ende einzuschreiben, das hat aber auch nicht funktioniert.
Was kann ich tun?
Hey @Wunderzapfen
Die Anleitung die du verlinkt hast ist nur für unsere Vintage Themes die ja nicht mehr supportet werden. Im Dawn Theme hast du diese Einstellung hier aber die betrifft nur alle Zahlungsmethoden die über die Shopify Payments Plattform integriert werden. 3P (3rd party) Gateways wie Twint werden nicht mit einbezogen da sie ja extern sind. Hat dir diese Anleitung von Twint selber nicht weiterhelfen können? Apropos siehe auch hier wie du die ICons auf der PDP anzeigen kannst.
Wenn du es selber auf deiner Seite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Du kannst z. B. einen Code wie den folgenden anwenden:
{%- if section.settings.payment_enable -%}
<div class="footer__payment">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list">
{%- for type in shop.enabled_payment_types -%}
<li class="list-payment__item">
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
<li class="list-payment__item">
<img src="{{ "twint" | payment_type_img_url }}" class="icon icon--full-color" width="38" height="22" loading="lazy" style="margin-top: -1px;"/>
</li>
</ul>
</div>
{%- endif -%}
Um das TWINT-Symbol zu den Zahlungsmethoden in der Fußzeile deines Shopify-Shops hinzuzufügen, kannst du folgende Schritte durchführen:
Gehe im Shopify-Adminbereich zu Online Store > Themes
.
Wähle das zu bearbeitende Theme aus und klicke auf Actions > Edit code
.
In der Verzeichnisliste Sections
klicke auf footer.liquid
. Falls diese Datei nicht vorhanden ist, wähle stattdessen theme.liquid
im Verzeichnis Layout
.
Suche in der Datei nach dem Code {% for type in shop.enabled_payment_types %}
oder {%- for type in shop.enabled_payment_types -%}
.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hi Gabe
Danke für deine Hilfe! Leider finde ich den Code nicht. Weder im Theme- noch im Footer.Liquid.
Wie du aber sagst, ich trau mich nicht, da selber rumzuschrauben, schon nur deshalb nicht, weil ich bloss die Hälfte von deiner Antwort wirklich begriffen habe. Ich schau mir mal die Experten an 🙂
Danke und einen schönen Tag wünsche ich dir!
Super und halte uns auf dem Laufenden wie deine Erfahrung mit den Experten ist!
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hey Gabe
Wollte dir mitteilen dass ich mithilfe deiner Anleitung geschafft habe. Hatte Angst dass ich was falsch mache, aber habs nach mehreren versuchen und richtig lesen geschafft.
Ich danke dir dass du diesen Anleitung geteilt hast!
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024