Liquid, JavaScript, Themes
Guten Tag,
wir würden gerne die Produkte auf der Kategorie Seite nach SKU sortieren.
Wir benutzen das Dawn Theme.
Wäre toll, wenn da jemand eine Lösung kennt 🙂
Hey @Trewolt
Danke für die Frage und das Sortieren von Produkten nach SKU im Shopify Dawn Theme erfordert Anpassungen im Code des Themes.
Wenn du es selber auf deiner Kategorieseite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Du müsstest die collection-template.liquid
oder ähnlich benannte Datei in deinem Dawn-Theme anpassen, um die Sortierung nach SKU zu ermöglichen. Dann eine neue Sortieroption in das Drop-down-Menü für die Sortierung hinzufügen. Dies könntest du tun, indem du den select
-Tag im sort-by
-Snippet anpasst (oft in snippets/collection-sorting.liquid
) und eine entsprechende Übersetzung in deiner locales
-Datei hinzufügen.
Beispiel:
<select name="sort_by" id="SortBy">
<!-- Andere Sortieroptionen -->
<option value="sku_ascending">{% translate 'collections.general.sort_by.sku_ascending' %}</option>
</select>
Um die Produkte tatsächlich nach SKU zu sortieren, musst du das Liquid-Array, das die Produkte auf der Kategorieseite auflistet, bearbeiten. Das könnte bedeuten, dass du das Array vor dem Iterieren über die Produkte entsprechend anpasst. Dies könnte komplex sein, da Liquid selbst keine eingebaute Methode zum Sortieren von Objekten nach Eigenschaften bietet, die nicht Teil des Standard-Sortierungssystems sind.
Es könnte eine FOR-Loop erforderlich sein, die die Produkte in einer bestimmten Reihenfolge durchgeht. Da die Standard-Liquid-Filter sort
oder sort_natural
die SKU nicht direkt unterstützen, wäre ein Ansatz, die Produkte in einem Array zu speichern und ein benutzerdefiniertes Skript zu verwenden, um das Array vor dem Rendern zu sortieren.
Als Alternative zur Serverseitigen Sortierung könntest du auch JavaScript verwenden, um die Produkte clientseitig nach dem Laden der Seite zu sortieren. Dies würde die Komplexität auf dem Server reduzieren, aber je nach Anzahl der Produkte zu Leistungseinbußen im Frontend führen.
Es gibt auch möglicherweise Apps oder Plugins, die das können. Ansonsten wäre, wie gesagt, die Beauftragung eines Shopify-Experten oder Entwicklers die sicherste und professionellste Lösung.
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
Vielen Dank für die schnelle und ausführliche Antwort Gabe!
Könntest du mir vielleicht sagen welche App das möglicherweise kann?
Hey @Trewolt
Die spezifische Funktionalität, Produkte auf einer Kategorieseite nach SKU zu sortieren, ist nicht standardmäßig in Apps oder Plugins, da die meisten Sortier-Apps sich auf herkömmlichere Sortiermethoden wie Preis, Popularität, Neuheit usw. konzentrieren. Dennoch gibt es einige Apps im Shopify App Store, die fortgeschrittene Sortierfunktionen anbieten.
Hier sind einige Apps, die erweiterte Sortieroptionen anbieten und die möglicherweise für deine Anforderungen von den App Entwickler angepasst werden könnten - einfach den App Support kontaktieren:
Hoffe das hilft dir weiter! 😉
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
Hallo zusammen! Wir haben intensiv daran gearbeitet, dein Shopify-Erlebnis auf Deutsc...
By JasonH May 12, 2025Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025