Shopify ermöglicht es Händlern, Onlineshops in verschiedenen Sprachen anzubieten, um Kunden auf der ganzen Welt anzusprechen. Um dies zu ermöglichen, bietet Shopify die Möglichkeit, Sprachvariablen in den Themes zu verwenden. Sprachvariablen sind Platzhalter für Texte, die in verschiedenen Sprachen übersetzt werden können. Dadurch können Shops effizient lokal angepasst werden.
Eigene Textvariable anlegen
Um eigene Textvariablen dem Theme hinzuzufügen, loggen Sie sich in Shopify im Adminbereich ein und navigieren Sie zu den Themes über „Vertriebskanäle > Onlineshop > Themes„.
Klicken Sie beim gewünschten Theme auf die drei kleinen Punkte und wählen Sie dann „Code bearbeiten“ aus dem Dropdown-Menü aus. Im Code-Editor suchen Sie das Verzeichnis „Gebietsschema“ (Locales). Dort sollten sich bereits mehrere Dateien befinden.
Die deutschen Sprachdateien heißen „de.schema.json“ bzw. „de.json„. Die Dateien unterscheiden sich in der Hinsicht das die „de.schema.json“ Textvariablen des Theme-Editors beinhaltet und die „de.json“ alle Textvariablen, welche im Shop zu sehen sind.
Beispiel: Textvariable in Shopify anlegen und im Theme benutzen
{
"blog": {
"comment": {
"email": "Deine E-Mail"
}
}
}
Je nach der „Verschachtelung“ der Sprachvariable muss die Übersetzung wie folgt mittels Liquid-Code abgefragt werden.
Für das oben stehende Beispiel wäre das (in jeder anderen Datei dann so):
{{ 'blog.comment.email' | t }}
Wichtig hierbei ist das zwischen jeder Stufe der „Verschachtelung“ ein Punkt gesetzt wird und das hinter der Variable ein Modifikator mittels Pipe (senkrechter Strich) und ein „t“ dahinter platziert wird.
Die Textvariablen sind überall im Code des Themes einsetzbar. Sobald Sie Ihre Änderung in der „de.schema.json“ gespeichert haben, können Sie die Variablen auch über den Spracheditor bearbeiten und ändern.
Allerdings ist dieses Beispiel noch sehr allgemein. Sprachvariablen können auch HTML beinhalten (dafür muss die Variable am Ende „_html“ enthalten. Andererseits kann man auch die Variablen dynamisch füllen, z.B. mit einer Verlinkung auf einen den Warenkorb / Checkout.
Anbei ein Beispiel was beides kombiniert:
"taxes_included_and_shipping_policy_html": "Inklusive Steuern. <a href=\"{{ link }}\">Versand <\/a> wird beim Checkout berechnet"
Hier ist ein <a> Tag innerhalb der Sprachvariable und in „{{ link }}“ wird der Link über das Theme an den Textschlüssel gegeben.
Den Link dort dynamisch einzufügen würde dann über folgende Logik passieren:
{{ 'taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
Hier würde man hinter dem senkrechten Strich mit „t:“ den Namen des in dem Sprachschlüssel verwendeten Wert aus den Klammern (in diesen Fall „link“ – also „t: link:“) mit Doppelpunkt dahinter schreiben und dann einer Theme-Variable zuweisen.
Die Verwendung von Sprachvariablen in Shopify-Themes bietet Shopify-Händlern die Möglichkeit, ihren Onlineshop schnell und effizient in verschiedene Sprachen zu übersetzen. Indem Sie Sprachvariablen anlegen, im Theme verwenden und das Theme dann einfach via App übersetzen, können Sie Ihren Shop international ausrichten und Kunden weltweit ansprechen.
