Füge unter dem Hero-Bereich ein „Nach Kategorie shoppen“-Grid hinzu. 4 Cards mit Lifestyle-Bildern.
Want more control? See the expanded prompt ›
Füge unter dem Hero-Bereich ein „Nach Kategorie shoppen“-Grid hinzu. 4 große Cards (Skincare, Body, Hair, Wellness), jeweils mit Lifestyle-Bild, Label, Produktanzahl und Hover-Lift.
- Zieht Bilder der Collection und aktuelle Produktzahlen.
- Hover-Lift + dezenter Bild-Zoom auf jeder Card.
- Auf Mobile elegant zu einem 2x2-Grid reduziert.
- Anpassbare Card-Größen pro Collection (Hero-Kategorien werden größer).
Was du erreichen willst
Mega-Menüs sind super für Nutzer, die wissen, was sie wollen. Ein Kategorie-Grid bedient den Rest: Visuelle Hinweise führen unentschlossene Käufer in die richtige Collection. Für Marken mit starker visueller Identität pro Kategorie (Hautpflege vs. Körperpflege vs. Nahrungsergänzung) ist das ein unverzichtbarer Platz auf der Startseite.
Worauf du achten solltest
- Bildqualität: Fudge warnt, wenn Collection-Bilder kleiner als 800px sind.
- Leere Kategorien: Collections mit null Produkten werden automatisch ausgeblendet.
- Benennung: Fudge kann den Collection-Titel von Shopify mit einem Anzeige-Text überschreiben.
- Nur Hover: Touch-Geräte erhalten ein Tap-to-Navigate-Fallback.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, baut die Sektion als editierbare Shopify-Sektion mit der Platzierung und dem Verhalten, das dein Prompt erfordert, und verknüpft sie mit deinen echten Produktdaten und deinem Marken-Styling. Alles beginnt im Entwurf – als Vorschau in deinem Store ansehen, über den Theme-Editor anpassen und erst veröffentlichen, wenn du bereit bist. Dein Live-Store bleibt unberührt.
Warum „Shop by Category“-Grids unentschlossenen Käufern helfen
Die meisten Besucher der Startseite wissen nicht, was sie wollen – sie wollen geführt werden. Ein Kategorie-Grid unter dem Hero-Bereich gibt ihnen vier bis sechs klare Wege in den Katalog.
Wann sich die Umsetzung lohnt
Baue das Kategorie-Grid ein, wenn dein Katalog sinnvolle Kategorie-Unterscheidungen aufweist. Überspringe dies bei Single-Category-Marken, bei denen alles in dieselbe Kategorie fällt.
Was ein gutes Grid ausmacht
- Lifestyle-Bilder pro Kategorie — keine freigestellten Produkte.
- 4 Cards ‘above the fold’ sichtbar auf dem Desktop — Auswahl ohne Überforderung.
- Anzahl der Produkte pro Card — hilft Käufern, ihre Stöberzeit einzuschätzen.
- Hover-Lift-Animation — signalisiert, dass jede Card klickbar ist.
- Kategorien aus deinen tatsächlichen Collections — nicht extra für die Startseite erfunden.
Kombiniere das mit Shop by Occasion-Tiles und Hover-Reveal-Collections. Fudge baut das im Rahmen seiner Merchandising-Arbeit.