Erste Schritte mit Kingsbell — kingsbell-Dokumentation

kingsbell-Dokumentation

Seite 1 von 9

Kingsbell ist ein konfigurierbares Editorial-Commerce-Theme für Shopify von Rokad. Es verbindet einen vollständigen Online-Store-2.0-Shop mit bildorientierten Layouts, strukturiertem Publishing, umfangreichen Händler-Einstellungen und einer optionalen Mitgliedererfahrung.

Die aktuelle Paketversion im Repository ist 0.11.0. Kingsbell bleibt eine Vorabversion vor 1.0.0 und wird für die erste Einreichung im Shopify Theme Store weiter gehärtet. Repository-Prüfungen und Shopify-Packaging sind implementiert, die Produktionsfreigabe erfordert jedoch Tests in einem Development Store, in realen Browsern sowie für Barrierefreiheit, Performance und vollständige Commerce-Abläufe.

Enthaltene Funktionen

Standard-Templates für Produkt, Kollektion, Warenkorb, Suche, Seiten, Blogs und Artikel.
Ajax-Warenkorb, Predictive Search, native Filter, Empfehlungen und Dynamic Checkout.
Standard-, Editorial-, Archiv-, Commission- und Private-Layouts.
Templates für Essays, Interviews, visuelle Geschichten und Research-Artikel.
Wiederverwendbare Blöcke, strukturierte Sections und globale Design-Einstellungen.
Mitgliederbezogene Darstellung mit klarer Sicherheitsgrenze.
Theme Check, statisches Audit, Packaging und QA-Verfahren.

Voraussetzungen

Node.js 20 oder neuer.
Shopify CLI mit Theme-Unterstützung.
Zugriff auf einen Shopify Development Store.
Berechtigung zum Installieren, Anzeigen und Bearbeiten von Themes.

bash

npm install --global @shopify/cli @shopify/theme
shopify version
node --version

Empfohlener Ablauf

Klonen Sie das Kingsbell-Repository.
Führen Sie vor Änderungen die Prüfungen aus.
Verbinden Sie Shopify CLI mit einem eigenen Development Store.
Validieren Sie zuerst die unveränderten Standard-Templates.
Konfigurieren Sie Marke, Farben, Typografie, Abstände und Produktkarten.
Erstellen Sie Navigation, Footer, Startseite, Produkt-, Kollektions- und Editorial-Seiten.
Verwenden Sie repräsentative Katalog-, Kunden-, B2B-, Artikel- und Bestelldaten.
Schließen Sie die QA-Matrix ab.
Erzeugen Sie erst nach Prüfung ein Paket.
Halten Sie ein getestetes Rollback-Paket bereit.

Erste Befehle

bash

npm run check
npm run dev -- --store ihr-shop.myshopify.com
npm run package

Layout-Richtungen

Richtung	Geeignet für
Standard	Allgemeiner Commerce mit zurückhaltender Editorial-Optik.
Editorial	Kampagnen, Launches und Produktgeschichten.
Archiv	Kataloge, Editionen und chronologische Navigation.
Commission	Maßanfertigungen und beratungsorientierter Verkauf.
Private	Mitglieder-Darstellung mit externer Autorisierung.

Sicherheitsgrenze

Liquid kann Inhalte ausblenden, schützt aber keine Produktveröffentlichung, Suche, Storefront API, Warenkorb-APIs, permanenten Dateien oder Checkout.

Privater Commerce muss durch Shopify-Kataloge und Veröffentlichungsregeln, B2B-Zuweisungen, geeignete Shopify Functions und/oder eine Companion-Anwendung mit serverseitiger Autorisierung abgesichert werden.

Produktionsfreigabe

Vor der Veröffentlichung sind Store-, Tastatur-, Screenreader-, Responsive-, Browser-, Commerce-, Lighthouse-, Theme-Editor-, Private-Commerce- und Rollback-Tests erforderlich.