FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Produktbilder mit Text je nach Sprache

Gelöst

Produktbilder mit Text je nach Sprache

Dirk7
Entdecker
15 1 0

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

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
19233 3006 4433

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

Lösung in ursprünglichem Beitrag anzeigen

1 ANTWORT 1

Gabe
Shopify Staff
19233 3006 4433

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