Zum Hauptinhalt springen

Charming Theme

DE
Custom Shopify collection page on desktop and mobile

Die beste Marge von KANTE steckt in den Sets. Doch die Kollektion „Sets & Bundles“ war ein schlichtes Raster: gleiche Karten, gleiche Reihenfolge, keine Geschichte. Jonas wollte, dass die Seite erklärt, warum ein Set besser ist als Einzelprodukte, ohne die Filter zu verlieren, die seine Kunden nutzen.

So haben wir die Shopify Kollektionsseite angepasst, mit einer eigenen Vorlage, und warum dabei keine einzige bestehende Kollektion verändert wurde.

Zu dieser Geschichte: KANTE ist eine fiktive Marke. Das Projekt fasst echte Shopify-Arbeit zusammen, die wir umgesetzt haben; Namen, Produkte und Details wurden geändert. Die Sections, Probleme und Lösungen sind echt.

Individuelle Shopify Kollektionsseite auf Desktop und Smartphone
Die neue KANTE-Set-Kollektion auf Desktop und Smartphone. (Illustration.)
KundeKANTE, Männerpflege, Berlin (fiktiv)
ZielMehr Sets und Bundles verkaufen
GeliefertKollektionsvorlage, dynamischer Split-Header, Promo-Karten-Block
BehaltenFilter, Sortierung, Infinite Scroll
Risiko für andere KollektionenKeins (nur additive Änderungen)
Solche Sections für deinen Shopify-Shop?

Sag uns, was du brauchst. Du bekommst einen Festpreis, einen Vorschaulink vor dem Launch und Code, der dir gehört.

Festpreis anfragenKostenlos und unverbindlich. Antwort meist innerhalb eines Werktags.

Ein Header, der die Bühne bereitet

Shopify Kollektionsseite mit Split-Header, Filtern und Promo-Karte im Raster
Dunkler Split-Header, die Filter des Themes und eine Promo-Karte im Raster. (Illustration.)

Der neue Split-Header verbindet einen kurzen Pitch mit einem Produktbild. Er ist standardmäßig dynamisch: Die Überschrift fällt auf den Kollektionstitel zurück, der Text auf die Kollektionsbeschreibung und das Bild auf das Kollektionsbild oder das erste Produkt. Jede Kollektion kann die Vorlage ohne weitere Einrichtung nutzen.

Eine Promo-Karte mitten im Produktraster

Kunden überfliegen Raster schnell. Eine große Promo-Karte nach dem sechsten Produkt unterbricht genau im richtigen Moment, mit hervorgehobenem Set, Bild und Button. Position, Produkt, Text und Farben wählt das Team im Editor. Auf dem Smartphone nimmt sie eine ganze Zeile ein, damit der Text lesbar bleibt.

„Ändert das meine anderen Kollektionen?“

Das war Jonas’ erste Frage, und sie ist berechtigt. Die Antwort: nein. Beide Änderungen am Theme waren rein additiv: ein neuer Blocktyp, der nur dort existiert, wo du ihn hinzufügst, und ein optionaler Produkt-Untertitel, der nur erscheint, wenn ein Produkt einen Wert in einem Metafeld hat. Getestet haben wir trotzdem zuerst auf einer Kopie des Live-Themes.

Mobile Ansicht einer individuellen Shopify Kollektionsseite
Auf dem Smartphone nimmt die Promo-Karte eine ganze Zeile ein. (Illustration.)

Warum das mehr Sets verkauft

  • Der Header erklärt den Wert eines Sets schon vor dem ersten Produkt
  • Die Promo-Karte hebt das Set mit der besten Marge genau beim Überfliegen hervor
  • Filter und Sortierung funktionieren weiter, Vergleichskäufer gehen nicht verloren
  • Dieselbe Vorlage funktioniert für jede Kollektion, der du sie zuweist
Mach mehr aus deinen Kollektionsseiten

Gebrandete Header, Promo-Karten im Raster und Extras für die Produktkarte, ohne Filter anzutasten.

Angebot anfragenFestpreis, Vorschaulink vor dem Launch.

Häufige Fragen

Funktionieren meine Filter weiterhin?

Ja. Wir erweitern die Kollektions-Section deines Themes; Filter, Sortierung und Paginierung bleiben genau wie sie sind.

Kann ich die Vorlage für mehrere Kollektionen nutzen?

Ja. Weise sie im Shopify-Admin jeder beliebigen Kollektion zu.

Was passiert bei einem Theme-Update?

Du bekommst Installationsnotizen. Die kleinen additiven Änderungen lassen sich leicht in eine neue Theme-Version übernehmen.

Kann die Promo-Karte je Kollektion andere Produkte zeigen?

Ja. Jede Instanz der Vorlage hat ihre eigenen Karteneinstellungen.

Share this article