Kingsbell は完全な標準ストアフロントと複数の視覚方向を提供します。商品とコレクションのバリエーションは共通のコマースエンジンを維持します。
標準テンプレート
ホーム、商品、コレクション、コレクション一覧、カート、検索、ページ、問い合わせ、ブログ、記事、404、パスワード、ギフトカードとアカウントの fallback を含みます。
商品、バリアント、フィルター、カート、検索、フォーム、アプリブロックを検証する機能的な基準として使用してください。
追加可能なセクション
- Image banner
- Featured collection
- Featured product
- Collection list
- Image with text
- Multicolumn
- Featured blog
- Newsletter
- Rich text
- App block wrapper
ホームページのバリエーション
index.editorial.json
index.archive.json
index.private.json
index.commission.json- Editorial: キャンペーン、ローンチ、視覚的な物語。
- Archive: カタログ、エディション、時系列ナビゲーション。
- Commission: オーダーメイド、受注、相談型販売。
- Private: 外部認可を必須とするメンバー向け表示。
商品テンプレート
product.editorial.json
product.archive.json
product.commission.json
product.private.json商品メディア、オプション、フォーム、Ajax カート、在庫、SKU、店頭受取、アコーディオン、アプリブロック、レコメンドを維持します。
コレクションテンプレート
collection.editorial.json
collection.archive.json
collection.private.json商品カード、価格、在庫状態、フィルター、並び替え、ページネーション、ブラウザ履歴を維持します。
バリエーション用セクション
Editorial Hero、Lookbook Grid、Archive Index、Numbered Story、Invitation Banner、商品・コレクション用の代替エンジン、スコープ付きスタイルローダーが含まれます。
バリエーション固有の CSS はセクションまたはテンプレートのルート内に限定してください。
テンプレートの割り当て
- Shopify Admin で商品、コレクション、ページ、ブログ、記事を開きます。
- テーマテンプレートを選択します。
- リソースを保存します。
- 対象リソースを表示したテーマエディターを開きます。
- セクションを設定します。
- ストアフロントプレビューで確認します。
独自構成の作成
最も近い JSON テンプレートを複製し、説明的な接尾辞を付け、既存セクションを再利用し、既定値と順序を変更して JSON を検証します。テーマエディターで開いて保存できることも確認してください。
既定値だけを変えるためにセクションを複製せず、可能なら JSON テンプレートで対応します。
共通動作
すべてのバリエーションで、バリアント選択、カート追加、ダイナミックチェックアウト、アプリブロック、店頭受取、フィルター、検索、カート、アカウント、キーボード、Reduced Motion を維持してください。
視覚的な違いはコマースエンジンを複製する理由になりません。