Damon テーマ（家具・インテリアショップ）
Damon テーマ（家具・インテリアショップ）
家具・インテリアショップのための Zittme 公式テーマ Damon（damon）のマニュアルです。オートミールの地にウォルナットブラウン一色で配色をまとめ、セリフ体の見出しと広い余白、3列の低密度グリッドで、一つの商品をじっくり眺められるように構成しました。Sinsunhan テーマと同じ骨組み（テーマ内蔵メインページ、繰り返しフィールドによるセクション組み立て）を使うため、ここにない内容は Sinsunhan テーマ（ショッピングモール） の文書もあわせてご覧ください。
構成
| 構成要素 | 場所 | 役割 |
|---|---|---|
| レイアウト | themes/damon/layouts/damon | サイトの骨組み ＋ テーマ内蔵メインページ |
| コマーススキン | themes/damon/modules/commerce | ショップホーム・一覧・詳細・カート・注文・マイショッピング・特集・販売者ショップ |
| 掲示板スキン | themes/damon/modules/board | リスト型・カード型掲示板 |
| 会員・メッセージ・通知センター・システムメッセージスキン | themes/damon/modules/{member, communication, ncenterlite, message} | ログイン・マイページ・メッセージ・通知・システム案内 |
| 予約・zittme Pay・お問い合わせ・ナレッジ Q&A スキン | themes/damon/modules/{reservation, zittme_pay, contact, kin} | 該当モジュールがインストールされたサイトでのみ適用 |
インストールと適用
- ストアからインストールするか、
themes/damonに解凍します。 - 管理者 > デザイン設定で Damon を選んで適用します。
- コマースモジュールがあれば、ショップメニュー・ヘッダー検索・トップページの商品セクションが自動で連動します。ショップモジュールが複数ある場合は、レイアウト設定 > メイン構成の「ショップモジュールのアドレス（mid）」に mid を入力します。
- ページの種類は、サイトマップのメニュークラスに
m（メイン）/sl（サブ）/sf（全幅）を入力して決めます。会員・メッセージ・決済画面は自動で全幅になります。 - ワードマークを中央に置き、左に商品検索、右にカート・通知アイコンを配置します。ロゴ画像を空にすると、ロゴテキストがセリフ体のワードマークで表示されます。
- モバイルでは下部タブバー（ホーム・カテゴリー・検索・カート・マイページ）が付きます。
- カラーモードは自動（端末の設定に従う）・ライト・ダークから選びます。自動の場合、訪問者が選んだ値をブラウザに記憶します。
- 一覧：カテゴリー・検索・並べ替え。カードに販売者（ショップ）名・割引率・定価。
- 詳細：商品名・価格・ポイント特典・送料・オプション・今すぐ購入・カート、配送・サイズ・交換の案内、レビュー・お問い合わせタブ、販売者情報。
- 販売者ショップ：オープンマーケットをオンにすると、ショップごとのヘッダー画像・ショップ内検索・代表商品・新商品・全商品一覧が表示されます。
- 特集・カート・注文・マイショッピング：Sinsunhan テーマと同じ流れで、決済は zittme Pay スキンへ続きます。
推奨環境：Zittme 1.0.1 以上、コマース 1.1.1 以上。レスポンシブテーマのため、モバイル専用ビューはオフにすることをおすすめします。
ヘッダーとカラーモード
テーマ内蔵メインページ（メイン構成）
レイアウト設定 > メイン構成タブの「メインページセクション」繰り返しフィールドで順に組み立てます。一つもなければ既定の構成（カテゴリータイル → 新商品 → バナー → おすすめ → ブランド → 特集 → ランキング → バナー → セール → 日替わり特価 → 掲示板の最新投稿）を使います。
| セクションの種類 | 内容 | 出典（source） | 件数（count） |
|---|---|---|---|
| ショップカテゴリータイル | 第1階層カテゴリーへのショートカット。アイコンは「カテゴリーアイコン」繰り返しフィールドから | - | タイル数 |
| おすすめ / 新商品 / セール / 人気商品 | 3列の商品カードグリッド | - | 商品数 |
| 日替わり特価 | セール商品が一つずつ日替わりで表示されます | - | - |
| 開催中の特集カード | コマースの特集を画像カードで | - | カード数 |
| 人気ランキング | カテゴリータブ付きの1〜N位リスト | - | 順位数 |
| ブランド列 | 「ブランド」繰り返しフィールドに登録したロゴ・名前・リンク | - | ブランド数 |
| バナーストリップ | ビジュアルスライドの画像を中間バナーとして再利用 | 何番目のスライドかの番号（空欄なら順番に） | - |
| 掲示板の最新投稿 | 掲示板の投稿一覧。mid をカンマで複数入力すると多段表示 | 掲示板 mid（例：notice,board） | 投稿数 |
セクションの見出しを空にすると、種類ごとの既定の見出しが表示されます。
ショップ画面（コマーススキン）
フッター
レイアウト設定 > フッターで、サイト紹介文、カスタマーセンターの電話・営業時間・メール、SNS アドレス、下部の案内文、事業者・連絡先情報、著作権表記を入力します。フッターメニューはサイトマップの「フッターメニュー」に接続します。
レイアウト設定の全項目
基本
ロゴ画像・ダークモード用ロゴ・ロゴテキスト・ポイントカラー・本文の最大幅（1060・1180・1320）・メニューバーの幅・メニューバーの色・モバイルのダークモードボタンの位置・モバイルの言語選択の位置・カラーモード
ファーストビュー
ビジュアルスライダーの表示・自動切り替え間隔・ビジュアルスライド（背景画像・見出し・説明・ボタン名・ボタンリンク・文言の配置）
メイン構成
カテゴリーアイコン・ブランド・ショップモジュールのアドレス（mid）・メインページセクション（種類・見出し・出典・件数）
本文・サイド
統合検索を使用・サイドにログインボックスを表示
フッター
サイト紹介文・カスタマーセンター電話番号・営業時間・お問い合わせメール・SNS アドレス4種・下部の案内文・事業者・連絡先情報・著作権表記