Sinsunhan

食品・生活用品のショッピングモール向けの Zittme 公式テーマです。最初の画面から商品と特集が主役になるように構成し、深い松葉グリーンとアイボリーの背景で新鮮さを表現しました。レイアウトとコマース・掲示板・会員・メッセージ・通知センター・システムメッセージ・予約・zittme Pay・お問い合わせ・ナレッジQ&Aのスキンが一式でそろっているため、テーマを適用した瞬間にサイト全体が同じデザイン言語に切り替わります。

デモサイト：shopdemo.zitt.me（管理者デモアカウントで管理画面までご覧いただけます）

ウィジェットページなしで完成するショップのトップページ

サイトのトップページをレイアウトが直接描きます。ビジュアルスライダー → カテゴリタイル → 日替わり特価 → 開催中の特集 → おすすめ商品 → バナー → リアルタイムランキング → 新商品 → 割引商品 → 掲示板の最新投稿が基本構成で、レイアウト設定の繰り返しフィールドでセクションを外したり、順序を変えたり、件数を決めたりできます。日替わり特価は割引率上位の商品が毎日一つずつ入れ替わり、深夜0時までのカウントダウンが付きます。スライドを別途登録しない場合は、コマースのショップバナーをそのまま引き継ぎます。

ショップホームとカテゴリ一覧

ヘッダーはユーティリティバー・ロゴ／検索／マイページ／カート／通知・カテゴリメニューの3段構成です。全カテゴリのメガメニューは、第1階層のカテゴリ数に応じて3列から5列まで自動で広がります。一覧画面は第1階層・第2階層のカテゴリチップと検索・並べ替えを1行に配置し、モバイルではチップが左右スワイプの1行で流れます。商品カードは枠線なしで写真が主役となり、カートに入れるバー・割引率・割引価格をあわせて表示します。

商品詳細と組み合わせ型オプション

通常オプション・追加オプション・組み合わせ型オプション（軸 × 軸）のすべてに対応しています。品切れの組み合わせは選べないようにグレー表示になり、複数の組み合わせを一度にカートに入れられます。価格の下にはポイント特典・送料・配送／鮮度／交換の案内がひとまとまりで続き、購入に必要な情報がひと目でわかります。

特集

コマースの管理画面で特集を作成すると、ショップホームとトップページの特集カードに自動で掲載されます。バナーは画像・単色・グラデーションから選べます。

掲示板の4つの形式

掲示板ごとにリスト型・カード型・ウェブマガジン型・FAQ型を選べます。お知らせはリスト型、コミュニティはウェブマガジン型、よくある質問はクリックすると回答が開くFAQ型というように、用途に合わせて使い分けてください。

モバイル

下部にホーム・カテゴリ・検索・カート・マイページの5タブバーが固定されます。カテゴリと検索のタブは下から開くボトムシートで表示され、ページを離れずに商品を探せます。レスポンシブのため、モバイル用レイアウトを別途作る必要はありません。

構成

• レイアウト：3段のショッピングモール型ヘッダー、テーマ内蔵のメインページ、ビジュアルスライダー、カスタマーセンター・SNS・事業者情報のフッター、モバイル下部のタブバーとボトムシート
• スキン：コマース・掲示板・会員・メッセージ・通知センター・システムメッセージ・予約・zittme Pay・お問い合わせ・ナレッジQ&A（追加モジュールのスキンは、該当モジュールがインストールされたサイトでのみ適用）
• 管理者向けの便利機能：管理者としてログインすると、ヘッダーとモバイルのドロワーに管理画面・ショップ管理（コマースコンソール）・Pay設定へのショートカットが表示されます

設定

• アクセントカラーを1か所で全画面に連動、ダークモード（自動・常に明るく・常に暗く）、レスポンシブ
• 本文の最大幅 1060 / 1180 / 1320、メニューバーの幅と色
• メイン構成：ショップモジュールのアドレス、メインページのセクションの繰り返しフィールド、カテゴリタイルのアイコン（画像または絵文字）
• フッター：サイト紹介、カスタマーセンターの電話・営業時間、お問い合わせメールアドレス、事業者情報、SNSのアドレス、案内文、著作権
• レイアウトクラス m（メイン）・sl（サブ）・sf（全幅）。サブページはLNBなしで本文が全幅
• 韓国語・英語・日本語・中国語（簡体字・繁体字）・ドイツ語・フランス語・スペイン語・ロシア語・トルコ語・ベトナム語・モンゴル語の言語ファイルを同梱

推奨環境

Zittme 1.0.1以上、コマース 0.2.15以上。Zittme 1.0.1からは、テーマを適用するとメッセージ・システムメッセージ・通知センターのスキンまで一緒に切り替わります。1.0.0でも動作しますが、この3つのスキンは各モジュールの設定で個別に選ぶ必要があります。詳しい設定はSinsunhanテーマガイドをご参照ください。