Hallo,
ich bin dabei meinen Shop einzurichten und nutze Text in meinen Produktbildern. Es gibt also ein Bild mit deutschem Text und das gleiche Bild aber mit englischem Text. Wie kann ich je nach Sprache unterschiedliche Produktbilder hinterlegen?
Besten Dank.
Dirk
Gelöst! Zur Lösung
Erfolg.
Hey Dirk! @Dirk7
Ohne einen befristeten Vorschaulink oder Link zu einem Beispiel ist es schwer dir eine angepasste Lösung zu bieten aber lass uns hier 👁️ was alles möglich ist. 💪
Um im Shop Produktbilder mit Text je nach Sprache zu hinterlegen, gibt es verschiedene Ansätze. Du kannst beispielweise die Lokalisierungsdateien im Theme Editor nutzen, um Bilder basierend auf der ausgewählten Sprache anzuzeigen. Dazu muss man die Bilddateien im Dateienbereich hochladen und in den JSON-Lokalisierungsdateien die entsprechenden Bild-URLs hinterlegen. Zum Beispiel:
// en.default.json
{
"images": {
"product": {
"main": "product_image_en.jpg"
}
}
}
// de.default.json
{
"images": {
"product": {
"main": "product_image_de.jpg"
}
}
}
In der Liquid-Datei die Bilder basierend auf der Sprache laden:
<img src="{{ 'images.product.main' | t | file_img_url: '600x600' }}" alt="Product Image">
Verwende das request.locale.iso_code
Objekt, um die aktuelle Sprache des Nutzers abzufragen und basierend darauf unterschiedliche Inhalte anzuzeigen. Ein Beispiel:
{% if request.locale.iso_code == 'en' %}
<img src="{{ 'product_image_en.jpg' | file_img_url: '600x600' }}" alt="Product Image">
{% elsif request.locale.iso_code == 'de' %}
<img src="{{ 'product_image_de.jpg' | file_img_url: '600x600' }}" alt="Product Image">
{% endif %}
Oder es einfacher mit Apps machen
Es gibt Apps wie Weglot oder Langify, die dabei helfen können, den Shop besser zu lokalisieren und unterschiedliche Inhalte basierend auf der Sprache anzuzeigen und erleichtern somit die Verwaltung von mehrsprachigen Inhalten und Bildern erheblich. Die App Entwickler können dir dabei helfen das einzurichten.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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
Erfolg.
Hey Dirk! @Dirk7
Ohne einen befristeten Vorschaulink oder Link zu einem Beispiel ist es schwer dir eine angepasste Lösung zu bieten aber lass uns hier 👁️ was alles möglich ist. 💪
Um im Shop Produktbilder mit Text je nach Sprache zu hinterlegen, gibt es verschiedene Ansätze. Du kannst beispielweise die Lokalisierungsdateien im Theme Editor nutzen, um Bilder basierend auf der ausgewählten Sprache anzuzeigen. Dazu muss man die Bilddateien im Dateienbereich hochladen und in den JSON-Lokalisierungsdateien die entsprechenden Bild-URLs hinterlegen. Zum Beispiel:
// en.default.json
{
"images": {
"product": {
"main": "product_image_en.jpg"
}
}
}
// de.default.json
{
"images": {
"product": {
"main": "product_image_de.jpg"
}
}
}
In der Liquid-Datei die Bilder basierend auf der Sprache laden:
<img src="{{ 'images.product.main' | t | file_img_url: '600x600' }}" alt="Product Image">
Verwende das request.locale.iso_code
Objekt, um die aktuelle Sprache des Nutzers abzufragen und basierend darauf unterschiedliche Inhalte anzuzeigen. Ein Beispiel:
{% if request.locale.iso_code == 'en' %}
<img src="{{ 'product_image_en.jpg' | file_img_url: '600x600' }}" alt="Product Image">
{% elsif request.locale.iso_code == 'de' %}
<img src="{{ 'product_image_de.jpg' | file_img_url: '600x600' }}" alt="Product Image">
{% endif %}
Oder es einfacher mit Apps machen
Es gibt Apps wie Weglot oder Langify, die dabei helfen können, den Shop besser zu lokalisieren und unterschiedliche Inhalte basierend auf der Sprache anzuzeigen und erleichtern somit die Verwaltung von mehrsprachigen Inhalten und Bildern erheblich. Die App Entwickler können dir dabei helfen das einzurichten.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024