Northfold ist ein erfundener Papierladen mit Risografie-Studio in Berlin-Wedding und verkauft Notizbücher, Karten und Post, Dinge für den Schreibtisch und Risodrucke. Der Shop läuft mit WooCommerce 11.2.1 und Germanized 4.1.5 auf dem Theme Leitvia in der Stilvariante Corporate light mit eigenem Token-Set, eingerichtet mit dem Rezept Shop von Leitvia Studio.
Was die Demo zeigt
- 24 Produkte in vier Kategorien (Notebooks, Cards and post, Desk, Riso prints), zwei davon mit Varianten, mit Eigenschaften, Upsells, Cross-Sells und Bewertungen
- Preise inklusive 19 % Mehrwertsteuer, Versandkosten, Grundpreis und Lieferzeit neben jedem Preis, über Germanized
- Eine Seite, die Produkte mit dem Block Product comparison von Studio vergleicht
- Eine Kasse mit einer Demo-Zahlungsart, die bei der Bestellbestätigung endet; Bestellungen, Warenkörbe und Konten werden innerhalb von 60 Minuten gelöscht, und es geht keine E-Mail raus
- Bestellzuordnung, Nutzungs-Tracking und Marktplatz-Vorschläge von WooCommerce sind abgeschaltet, damit kein Cookie gesetzt wird, bevor jemand ein Produkt in den Warenkorb legt
- Eine Seite Pro mit den Commerce-Blöcken von Leitvia Pro: Punkte auf dem Schreibtischfoto, Farbfelder und eine feste Kaufleiste für das Sewn Notebook sowie ein Briefset als Produktset mit 10 % Rabatt
Patterns und Blöcke
Shop-Header mit Produktsuche, Konto und Mini-Warenkorb, ein Produkt-Hero mit dem neuesten Notizbuch, ein Schreibtischfoto mit vier nummerierten Punkten, die zu den Produkten führen, die Schritte vom Druck bis zum Beschnitt, Neuheiten, Kategorie-Kacheln, Bestseller, Beiträge aus dem Journal, Vertrauenssiegel und Pflichtangaben zum Preis auf jeder Produktseite, dazu die Shop-Templates des Themes für Archive, Einzelprodukt, Warenkorb, Kasse und Bestellbestätigung.
Blöcke: Spotlight und Product comparison von Studio; Warenkorb-, Kassen- und Produktblöcke kommen von WooCommerce. Die Seite Pro ergänzt Shoppable image, Add to cart with swatches, Sticky buy bar und Product set von Leitvia Pro.
Jedes Pattern liest Farben, Größen und Abstände aus den Rollen des Designvertrags. Deshalb sehen dieselben Abschnitte in jeder Demo anders aus, ohne eine Zeile eigenes CSS.
Eckdaten
- Marke: Northfold (erfunden), mit Young Serif und IBM Plex Sans auf Weiß, Löschpapierrosa und Signalrot
- Art der Website: WooCommerce-Shop eines Studios für Papier und Risodruck
- Gebaut mit: dem Rezept Shop mit WooCommerce und Germanized
- Tarif: Free, abgesehen von der Seite Pro. Theme, Studio und das Rezept Shop kosten nichts; WooCommerce und Germanized sind kostenlose Plugins von WordPress.org.
- Live-Demo: demo.leitvia.com/shop/
Eine Website wie Northfold bauen
So richtest du sie in drei Schritten auf deiner eigenen Website ein:
- Installiere das Theme, Leitvia Studio und WooCommerce; für deutsche Preisangaben kommt Germanized dazu.
- Wende das Rezept Shop und sein Änderungspaket an. Es setzt den Shop-Header, eine Startseite aus den Shop-Patterns, Über uns, Kontakt und die Rechtstexte mit Platzhaltertext und schaltet die Funktionen von WooCommerce ab, die Cookies setzen.
- Lege deine Produkte an und ersetze den Platzhaltertext der Rechtstexte, bevor du den Shop öffnest.
wp plugin install woocommerce --activate
wp leitvia recipe apply leitvia/shop --user=adminDer Skill leitvia-setup wendet das Rezept nach einem Briefing an. Danach können KI-Agenten Produkte auflisten und ändern, während Preise, Steuern und Versand den Shop nur als Vorschlag erreichen, den ein Mensch übernimmt.
Weitere Demos
- Showcase: jedes Pattern und jeder Block
- Tidepost: Software für Statusseiten
- Larkspoon: Küche und Weinbar
- Alle dreizehn Demos