Liquid, JavaScript, Themes
Hallo zusammen,
folgende Herausforderung: Der Shop ist standardmäßig auf Deutsch, eine englische Version ist auch wählbar & wird bei englisch-sprachigen Browsern auch angezeigt.
Die Titel innerhalb der Custom Liquids auf der Startseite sind via Übersetzungsdatei übersetzt, allerdings finde ich keinen Weg, die Links zu den jeweiligen Collections (hier: Kategorien) anzupassen, sodass bei einem Klick auf die Kategorie auch die englische Version erscheint, wenn ich auf der englischen Startseite bin.
Beispiel: Die Adresse lautet: https://cosmadic.de/en, die richtige Kategorie wäre beispielsweise https://cosmadic.de/en/collections/gesichtsreinigung beim Klick auf die Kategorie "Gesichtsreinigung - übersetzt facial cleaning" - siehe Screenshot.
Aber egal welche dynamische URL href ich benutze, Shopify leitet auf https://cosmadic.de/collections/gesichtsreinigung - also die deutsche Version.
Den englischen Link kann ich nicht hartcoden, da sonst ja auch in der deutschen Version auf die englische Collection geleitet werden würde.
<div class="category-carousel">
<div class="carousel-container">
<!-- Gesichtsreinigung Kategorie -->
<div class="carousel-item">
<a href="/collections/gesichtsreinigung">
####hier geht weder ./collections noch #/collections oder ähnliches###
<div class="carousel-image">
{% if collections['gesichtsreinigung'].image %}
<img src="{{ collections['gesichtsreinigung'].image.src | img_url: '300x300' }}" alt="Gesichtsreinigung" />
{% else %}
<img src="https://via.placeholder.com/300" alt="Gesichtsreinigung" />
{% endif %}
</div>
<div class="carousel-title">{{'products.categories.gesichtsreiningung' | t}}</div>
</a>
</div>
Wie kann ich dieses Weiterleitungsproblem lösen?
Danke!
@KKoehler du könntest anhand der gewählten Sprache eine Kondition einbauen.
{% if localization.language.iso_code == "de" %}
<a href="{{ collection['gesichtsreinigeung'].url }}">Gesichtsreinigung</a>
{% elsif localization.language.iso_code == "en" %}
<a href="{{ collection['facial-cleansing'].url }}">facial cleansing</a>
{% endif %}
Aber eventuell funktioniert auch einfach der Objekt Link der Kategorie
{{ collection['gesichtsreinigeung'].url }}
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