Rokad
Gesamte Dokumentation
kingsbell-Dokumentation

Templates und Layoutvarianten

Wählen und konfigurieren Sie Kingsbells Standard-, Editorial-, Archiv-, Commission- und Private-Templates.

Repository ansehen
kingsbell-Dokumentation
Seite 5 von 9

Kingsbell bietet einen vollständigen Standard-Storefront und mehrere visuelle Familien. Produkt- und Kollektionsvarianten behalten die gemeinsame Commerce Engine.

Standard-Templates

Sie umfassen Startseite, Produkt, Kollektion, Kollektionsindex, Warenkorb, Suche, Seite, Kontakt, Blog, Artikel, 404, Passwort sowie Fallbacks für Konto und Geschenkkarte.

Verwenden Sie sie als funktionale Basis für Produkte, Varianten, Filter, Warenkorb, Suche, Formulare und App Blocks.

Verfügbare Sections

  • Image banner
  • Featured collection
  • Featured product
  • Collection list
  • Image with text
  • Multicolumn
  • Featured blog
  • Newsletter
  • Rich text
  • App block wrapper

Startseitenvarianten

text
index.editorial.json
index.archive.json
index.private.json
index.commission.json
  • Editorial: Kampagnen, Launches und visuelles Storytelling.
  • Archiv: Kataloge, Editionen und chronologische Navigation.
  • Commission: Maßanfertigung, Aufträge und beratungsorientierter Verkauf.
  • Private: Mitglieder-Darstellung mit verpflichtender externer Autorisierung.

Produktvarianten

text
product.editorial.json
product.archive.json
product.commission.json
product.private.json

Sie erhalten Medien, Optionen, Formulare, Ajax-Warenkorb, Bestand, SKU, Abholung, Accordions, App Blocks und Empfehlungen.

Kollektionsvarianten

text
collection.editorial.json
collection.archive.json
collection.private.json

Sie erhalten Karten, Preise, Verfügbarkeit, Filter, Sortierung, Pagination und Browser-History.

Variant-Sections

Kingsbell enthält Editorial Hero, Lookbook Grid, Archive Index, Numbered Story, Invitation Banner, alternative Produkt- und Kollektions-Engines sowie einen kontextgebundenen Stylesheet-Loader.

Begrenzen Sie Variant-Stile auf eine Section- oder Template-Root.

Template zuweisen

  1. Öffnen Sie Produkt, Kollektion, Seite, Blog oder Artikel in Shopify Admin.
  2. Wählen Sie das Theme-Template.
  3. Speichern Sie die Ressource.
  4. Öffnen Sie den Theme Editor im passenden Kontext.
  5. Konfigurieren Sie die Sections.
  6. Testen Sie die Vorschau.

Eigene Komposition erstellen

Duplizieren Sie das nächstgelegene JSON-Template, verwenden Sie einen beschreibenden Suffix, nutzen Sie bestehende Sections, ändern Sie Defaults und Reihenfolge, validieren Sie JSON und testen Sie Öffnen und Speichern im Theme Editor.

Kopieren Sie keine Section nur für andere Defaults, wenn ein JSON-Template genügt.

Gemeinsames Verhalten

Jede Variante muss Variantenwahl, Add-to-Cart, Dynamic Checkout, App Blocks, Abholung, Filter, Suche, Warenkorb, Konten, Tastatur und Reduced Motion erhalten.

Visuelle Variation ist kein Grund, die Commerce Engine zu duplizieren.