Streetlab

ファッションショップ向けの zittme 公式テーマです。純白の背景にインクブラック一色でまとめたモノクロームのストリートトーンで、ランキングタブとブランドストリップを備えたトップページでは商品写真がそのまま主役になります。レイアウトと、コマース・掲示板・会員・メッセージ・通知センター・システムメッセージ・予約・zittme Pay・お問い合わせ・ナレッジQ&A のスキンが1セットになっているため、テーマを適用した瞬間からサイト全体が同じデザイン言語に切り替わります。

デモサイト：fashiondemo.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・バナーのポイント配置・注文ステータスフィルター・リンクと検索窓の表示設定に対応しています。