Goungyeol

コスメ・ビューティーショップ向けの zittme 公式テーマです。ビューティーセレクトショップのように白い余白を広くとり、角張ったカードに商品写真を大きく載せ、ローズフューシャのアクセントとブラッシュアイボリーで色を整えました。ブランド名と商品名を分けて表記し、星評価・レビュー数・ランキング番号・セールバッジをあわせて表示します。レイアウトと、コマース・掲示板・会員・メッセージ・通知センター・システムメッセージ・予約・zittme Pay・お問い合わせ・ナレッジQ&A のスキンが1セットになっているため、テーマを適用した瞬間からサイト全体が同じデザイン言語に切り替わります。

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

ビューティーセレクトショップ風のトップページ

サイトのトップページをレイアウトが直接描画します。ビジュアルスライダーの下にカテゴリインデックス・開催中のプロモーション・おすすめ商品・リアルタイムランキング・新着商品・セール商品・掲示板の最新投稿が続き、レイアウト設定の繰り返しフィールドでセクションを外したり、順序や件数を変えたりできます。商品カードにはブランド名・商品名・星評価・レビュー数・セールバッジをまとめて載せ、ビューティー商品にふさわしい情報密度を実現します。

ショップのトップとカテゴリ一覧

ヘッダーは検索・ワードマーク・マイページ・カートが一列に並び、その下にカテゴリメニューが続きます。一覧はカテゴリチップと検索・並べ替えを一列にまとめ、モバイルではチップが左右にスクロールします。カテゴリタイルには、レイアウト設定で画像や絵文字のアイコンを付けられます。

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

通常オプション・追加オプション・組み合わせオプション（カラー × 容量など）に対応し、品切れの組み合わせはグレー表示になって選択できません。配送案内・交換／返品案内は HTML で装飾できます。

プロモーション

コマース管理画面で作成したプロモーションが、ショップのトップとトップページのカードに自動で掲載されます。バナーは画像・単色・グラデーションから選び、ポイント画像の左右の位置を指定します。

モバイル

画面下部にホーム・カテゴリ・検索・カート・マイページの 5 タブバーが固定され、カテゴリと検索はボトムシートで開きます。レスポンシブなので、モバイル用レイアウトを別途作る必要はありません。

構成

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

設定

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

推奨環境

zittme 1.0.1 以上、コマース 0.2.18 以上、zittme Pay 0.2.9 以上。コマーススキンは 0.2.16 で追加された案内文 HTML・バナーのポイント配置・注文ステータスフィルター・リンクと検索窓の表示設定に対応しています。