Suchfilterfunktion erweiteren

Deutsch Diskussion Shopify Design

Topic summary

Thema: Erweiterung der Suchfilterfunktion für mehrsprachige Farbnamen

Problem: Der Nutzer möchte, dass Kunden im Shopify-Shop sowohl nach englischen (Black, Blue) als auch nach deutschen Farbnamen (Schwarz, Blau) filtern können. Aktuell sind die Farben nur auf Englisch hinterlegt.

Lösungsansatz von Gabe:

  • Verwendung von Metafeldern zur Übersetzung
  • Anpassung des Theme-Codes (z.B. sections/collection-template.liquid oder main-collection.liquid beim Prestige Theme)
  • Implementierung von Case-Statements für Farbübersetzungen
  • Ergänzung von JSON-Locale-Dateien mit entsprechenden Übersetzungen

Herausforderung: Der Nutzer findet die entsprechenden Code-Stellen im Prestige Theme nicht. Gabe empfiehlt, die genaue Position durch Trial & Error in einer Theme-Kopie zu testen.

Status: Diskussion bleibt offen; der Nutzer wird selbstständig weiter experimentieren. Gabe schlägt vor, bei weiteren Problemen einen Experten hinzuzuziehen.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hallo,

ich habe eine Frage zu der Suchfunktion. Ich kann ja nach der Farbe zb. Black filtern weil ich bei der Bekleidung die Farben alle in Englisch eingebe, jetzt wäre es aber nicht schlecht wenn man auch nach Schwarz, Blau ect. filtern kann. Wie kann ich das am besten erzeugen?

Gruß Markus

2

Hey MArkus! @VIVID_24

Wie üblich hilft uns ein befristeter Vorschaulink oder Link zu einem Beispiel um das schneller zu analysieren.

Hast du es mit Metafelder ausprobiert? Hier ist ein Thread zum Thema und hier auch.

Suche den Abschnitt des Codes, der die Filter behandelt, wie die Datei sections/collection-template.liquid und diesen Code:

{% case filter.title %}
{% when 'Color' %}
{{ 'Color' | t }}
{% endcase %}

Passe den Code an, um sowohl englische als auch deutsche Farbnamen zu berücksichtigen:

{% case filter.items %}
{% when 'Black' %}
{{ 'Schwarz' | t }}
{% when 'White' %}
{{ 'Weiß' | t }}
{% when 'Red' %}
{{ 'Rot' | t }}
{% when 'Blue' %}
{{ 'Blau' | t }}
{% endcase %}

Du müsstest auch Übersetzungen in den JSON-LoCales Dateien hinzufügen, wie z. B.:

{
  "filters": {
    "color": {
      "Black": "Schwarz",
      "White": "Weiß",
      "Red": "Rot",
      "Blue": "Blau"
    }
  }
}

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:

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.

3

Hallo @Gabe danke schon mal, den Code einzugeben wäre nicht das Problem, aber finde nicht die passende Stelle. Benutze das Theme Prestige und meine Webadresse: vividstyles.de und 2 Screenshots dazu, für eine bessere Untersuchung, da dieses sections/collection-template.liquid ich nicht finde oder so nicht existiert

Gruß Markus

1.jpg
1.jpg1907×966 114 KB

2.jpg
2.jpg1913×963 62.1 KB

4

Hey @VIVID_24

Das ist somit das Prestige Theme und in diesem Theme wird es das main-collection.liquid. Bei weiteren Problemen bitte einen Experten in Anspruch nehmen.

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:

1 Like
5

Hallo @Gabe danke nochmal, leider finde ich dort nicht die entsprechenden Zeilen, wo ich das einfügen könnte. Evtl. kannst Du mir nur sagen wo ich das einfügen muss, das wäre super.

6

Hey @VIVID_24

Das musst du selber mit Trial & Error testen. Das kann ich dir nicht sagen denn es kommt darauf an wo die Zeile stehen soll.

Einfach in einer Theme Kopie ausgiebig testen.

VG,

1 Like
7

Alles klar @Gabe danke nochmal, werde ich versuchen :blush:

1 Like