Smarketer - AdWords Agentur

Best Practice: plentymarkets Layout mit Mehrsprachigkeit einfacher pflegen

Im Folgenden möchte ich Ihnen einen Weg beschreiben, auf dem Sie sich die Arbeit mit Layout-Änderungen bei einem mehrsprachigen Shop deutlich einfacher gestalten können. Allerdings gelten für diese Anleitung ein paar Voraussetzungen:

Vorweg für diejenigen unter Ihnen, die bislang nur mit einer Sprache gearbeitet haben, nun aber „aufrüsten“ möchten:

Sprachen verwalten in plentymarkets

Weitere Sprachen ordnen Sie Ihrem jeweiligen Shop in den Einstellungen zu. Markieren Sie hier die passenden Sprachen und speichern Sie dies ab. Allerdings empfehle ich Ihnen dies erst dann zu tun, wenn Sie Ihr Layout, Texte, Artikel, etc. entsprechend präpariert haben.

Sprachwahl im Layout-Generator

Im Layout-Generator können Sie über der Wahl des zu bearbeitenden Teiles die Sprache auswählen, für die Sie das Layout anpassen möchten. Dies verhält sich analog bei Content-Seiten und allen anderen Teilen des Systems, wo Sie sprachabhängig agieren.

Nähere Informationen zur generellen Einrichtung der Mehrsprachigkeit erfahren Sie in folgendem Artikel des plentymarkets-Handbuches: Link.

Die Ausgangssituation

Das Kernproblem bei der Wartung eines mehrsprachigen Layouts bilden Texte und Phrasen, die im Layout festgeschrieben sind. Das sind oft nur kurze Begriffe, Namen von Links und dergleichen. Aber dennoch ist man darauf angewiesen, diese Passagen in jeder Sprache separat auf dem Laufenden zu halten. Da wäre es von Vorteil, wenn man dies zentral hinterlegt und dann den Code jeweils für jede Sprache komplett kopieren kann ohne jedes Mal besagte Texte anpassen zu müssen.

In diesem Fall hilft das Auslagern in Konstanten leider nur bedingt. Denn letzten Endes stehen dem gesamten System nur 25 Konstanten zur Verfügung und man benötigt sie hier und da für sinnvollere Anwendungen. Zudem wäre immer noch kein direkter Bezug zur verwendeten Sprache hergestellt.

Um das Ganze nun etwas anschaulicher und nachvollziehbarer zu gestalten, bediene ich mich eines einfachen Beispiels. Sie möchten ggf. an einer Stelle Ihres Layouts den eingeloggten Kunden namentlich begrüßen. Dies haben Sie im „MainLayoutContent“ hinterlegt. Im deutschen Layout-Teil sähe das dann beispielsweise so aus:

Willkommen im Beispielshop, [CustomerName]!

In der englischen Variante wäre es vermutlich:

Welcome to Beispielshop, [CustomerName]!

Wenn Sie also an einem anderen Teil innerhalb dieses Layouts arbeiten, weil Sie vielleicht einen Link austauschen, können Sie die veränderte Version nicht einfach in jede Sprache hineinkopieren, sondern müssen Passagen wie diese Begrüßung separat anpassen. Je mehr Sprachen man verwendet, desto höher ist der unnötige Zeitaufwand.

Die Lösung

Über das reichhaltige Angebot an Platzhaltern von plentymarkets können Sie sich dies erheblich vereinfachen. Denn Sie können im Layout abfragen, welche Sprache gerade verwendet wird. Hierfür steht Ihnen der Platzhalter „[Lang]“. In Kombination mit der IF-ELSE-Struktur kann man hiermit simple, aber hilfreiche Abfragen gestalten. Ihre Begrüßung könnte so aussehen:

[IF::[Lang]=="de"]Willkommen im Beispielshop[ELSEIF::[Lang]=="en"]Welcome to Beispielshop[ENDIF], [CustomerName]!

Fazit

Dies ist jetzt ein wirklich primitives Beispiel. Doch Sie können dieses Procedere problemlos auf verschiedenste Layout-Teile übertragen. Am Ende haben Sie dann ein Layout, das inklusive seiner Textpassagen in jeder Sprachversion exakt denselben Code verwendet. Sie können dann Änderungen zentral vornehmen und in jede verwendete Sprache ohne weitere Anpassungen einfach kopieren.

Verschiedenes

Generell empfehle ich für die Arbeit mit dem Layout und plentymarkets als Browser den Firefox zu benutzen. Mit der Erweiterung Firebug lassen sich HTML- und CSS-Zusammenhänge leicht analysieren und kontrollieren.
Zusätzlich sollten Sie den Code grundsätzlich in einen Texteditor Ihrer Wahl kopieren, dort verändern und wieder in das Formular Ihres Shop-Backends kopieren. Denn Fehler passieren und sind menschlich. Mit der „zurück“- oder „wiederherstellen“-Funktion des Editors können Sie Ihre Änderungen im Handumdrehen rückgängig machen und den Originalcode wieder in den Shop kopieren.

Ich hoffe, dass ich Ihnen damit weiterhelfen konnte. Bei Fragen hierzu kontaktieren Sie uns.