Liquid, JavaScript, Themes
Hallo Zusammen,
ich möchte folgendes, ich habe auf meiner Startseite 6 Kategorien wenn ich jetzt eine Kategorie anklicke, werden mir alle Produkte angezeigt. Ich möchte aber dass mir dann die Unterkategorien angezeigt werden.
Also, man klickt auf die Kategorie, Tee > dann soll angezeigt werden Grüner Tee, Schwarzer Tee usw. und wenn ich jetzt auf eine Sorte klicke werden mir die entsprechenden Produkte angezeigt.
Wie kann ich das machen?
Gruß Hanse
Gelöst! Zur Lösung
Erfolg.
@Hanse Da das Debut Theme nicht OS2.0 kompatibel ist, musst du die Collection-List Sektion händisch einer Collections-Template einpflegen.
Diese Schritte erfordern, dass du im Code-Editor arbeiten musst.
Wenn du dir unsicher bist, kannst du ggf. auch den Design-Support von Shopify in Anspruch nehmen.
Wenn du kein Problem damit hast, selbst im Code zu arbeiten (ist eigentlich Copy-and-paste) dann kannst du folgende Schritte durchführen.
1. Gehe über die Admin-Konsole auf "Onlineshop" -> im "Aktuellen" Theme auf "Aktionen" und wähle "Duplizieren".
Das ist dein Backup. Falls etwas nicht funktionieren sollte, kannst du die dupliziere Version nutzen, damit alles beim alten ist.
2. Wieder über die Admin-Konsole auf Onlineshop -> im "Aktuellen" Theme auf "Aktionen" und wähle "Code bearbeiten". Jetzt befindest du dich im Code-Editor.
3. Im Datei-Verzeichnis klickst du unterhalb des Templates Ordners auf "Ein neues template hinzufügen".
Hier kannst du die Auswahl wie im Screenshot vornehmen. Der Name der Collection ist natürlich dir überlassen.
4. Öffne im Verzeichnis unter Templates in die collection.liquid Datei und kopiere den gesamten Inhalt.
5. Öffne im Verzeichnis unter Templates in die collection.tee.liquid (bedenke, dass der Titel bei dir abweichen kann) Datei, lösche den gesamten Inhalt und platziere den vorher kopierten Inhalt (aus Schritt 4).
6. Im Verzeichnis klickst du unterhalb des Sections Ordners auf "Ein neues section hinzufügen".
Hier kannst du den Dateinamen "collection-list-tee.liquid" angeben.
7. Öffne im Verzeichnis unter Sections in die collection-list.liquid Datei und kopiere den gesamten Inhalt.
8. Öffne im Verzeichnis unter Sections in die collection-list-tee.liquid Datei, lösche den gesamten Inhalt und platziere den vorher kopierten Inhalt (aus Schritt 7).
9. Nun fügst du einen Verweis in die collection.tee.liquid Datei (aus Schritt5) ein. Dazu kannst du dich am Bild orientieren. ( siehe {% sections 'collection-list-tee' %})
10. Nach dem Speichern gehst du über die Admin-Konsole in die entsprechende Kategorie und änderst die Vorlage von "default collection" zu "tee" (oder eben dem Titel den du dem Template gegeben hast).
11. Über den Theme-Editor kannst du jetzt in der entsprechenden Kategorie die Subkategorie in der Sektion "Collection List" angeben. Hier sollten die Subkategorien bereits erstellt sein.
Ich hoffe, das hilft dir schon mal weiter.
Bedenke aber, dass der Titel der Kategorie und die Kategorie-Beschreibung unter den eingeblendeten Collection-List Sektion auftauchen. Wenn du hierzu weitere Anpassungen benötigst, würde es sich lohnen einen Shopify Expert zu beauftragen oder den Design-Support von Shopify in Anspruch zu nehmen.
Erfolg.
Moin noch mal,
nun hatte ich noch das Problem, dass nach dem speichern der Unterkategorie diese einfach wieder verschwunden ist. Die Lösung zu diesem Problem habe ich aber schon in der Community gefunden.
Hier der Link zu der Lösung.
@Hanse Das kommt darauf an, welches Theme du verwendest.
Einige Themes erlauben eine Kollektionsliste als Sektion, die man auf einer Kollektionsseite integrieren kann. Dadurch kann man in eine Subkollektion verweisen. Alternativ kann man sich ein Link (inkl. Bild) zu einer Subkollektion selber bauen und innerhalb der Kollektion, wo alle Tees enthalten sind, eine URL verwenden, welche etwa einen Filterparameter "Grüner Tee" enthält. Durch das anklicken bleibt man praktisch auf der gleichen Seite, aber filtert alle angezeigten Ergebnisse, damit am Ende nur die Grünen Tees dargestellt werden.
Dazu müsstest du allerdings jedem Tee den entsprechenden Typ zuweisen.
Welches Theme verwendest du denn?
@Hanse Musste gerade selber lachen und weinen, da es in dem Titel schon steht. 😉
Ich schaue mir das gleich mal an.
Erfolg.
@Hanse Da das Debut Theme nicht OS2.0 kompatibel ist, musst du die Collection-List Sektion händisch einer Collections-Template einpflegen.
Diese Schritte erfordern, dass du im Code-Editor arbeiten musst.
Wenn du dir unsicher bist, kannst du ggf. auch den Design-Support von Shopify in Anspruch nehmen.
Wenn du kein Problem damit hast, selbst im Code zu arbeiten (ist eigentlich Copy-and-paste) dann kannst du folgende Schritte durchführen.
1. Gehe über die Admin-Konsole auf "Onlineshop" -> im "Aktuellen" Theme auf "Aktionen" und wähle "Duplizieren".
Das ist dein Backup. Falls etwas nicht funktionieren sollte, kannst du die dupliziere Version nutzen, damit alles beim alten ist.
2. Wieder über die Admin-Konsole auf Onlineshop -> im "Aktuellen" Theme auf "Aktionen" und wähle "Code bearbeiten". Jetzt befindest du dich im Code-Editor.
3. Im Datei-Verzeichnis klickst du unterhalb des Templates Ordners auf "Ein neues template hinzufügen".
Hier kannst du die Auswahl wie im Screenshot vornehmen. Der Name der Collection ist natürlich dir überlassen.
4. Öffne im Verzeichnis unter Templates in die collection.liquid Datei und kopiere den gesamten Inhalt.
5. Öffne im Verzeichnis unter Templates in die collection.tee.liquid (bedenke, dass der Titel bei dir abweichen kann) Datei, lösche den gesamten Inhalt und platziere den vorher kopierten Inhalt (aus Schritt 4).
6. Im Verzeichnis klickst du unterhalb des Sections Ordners auf "Ein neues section hinzufügen".
Hier kannst du den Dateinamen "collection-list-tee.liquid" angeben.
7. Öffne im Verzeichnis unter Sections in die collection-list.liquid Datei und kopiere den gesamten Inhalt.
8. Öffne im Verzeichnis unter Sections in die collection-list-tee.liquid Datei, lösche den gesamten Inhalt und platziere den vorher kopierten Inhalt (aus Schritt 7).
9. Nun fügst du einen Verweis in die collection.tee.liquid Datei (aus Schritt5) ein. Dazu kannst du dich am Bild orientieren. ( siehe {% sections 'collection-list-tee' %})
10. Nach dem Speichern gehst du über die Admin-Konsole in die entsprechende Kategorie und änderst die Vorlage von "default collection" zu "tee" (oder eben dem Titel den du dem Template gegeben hast).
11. Über den Theme-Editor kannst du jetzt in der entsprechenden Kategorie die Subkategorie in der Sektion "Collection List" angeben. Hier sollten die Subkategorien bereits erstellt sein.
Ich hoffe, das hilft dir schon mal weiter.
Bedenke aber, dass der Titel der Kategorie und die Kategorie-Beschreibung unter den eingeblendeten Collection-List Sektion auftauchen. Wenn du hierzu weitere Anpassungen benötigst, würde es sich lohnen einen Shopify Expert zu beauftragen oder den Design-Support von Shopify in Anspruch zu nehmen.
Erfolg.
Moin noch mal,
nun hatte ich noch das Problem, dass nach dem speichern der Unterkategorie diese einfach wieder verschwunden ist. Die Lösung zu diesem Problem habe ich aber schon in der Community gefunden.
Hier der Link zu der Lösung.
Im Februar haben wir unser erstes zweiwöchiges Community AMA im neuen englischsprachigen A...
By SarahF_Shopify Mar 22, 2023Im folgenden Thread unterhalte ich mich mit einem unserer Top-Experten und Shopify Partner...
By Gabe Mar 17, 2023Alle 6 Monate bringen wir eine Ausgabe von Shopify Editions heraus mit unseren neuest...
By Jasoh Feb 10, 2023