新デザイン（白バージョン）のトップ画面です。本バージョンではPCとスマートフォンのソースコード内容を同一化し、レスポンシブデザインになりました。
ヘッダ部は2つのカスタムCMS部品で構成されており、スマートフォンでは全てのメニューがドロワー（アコーディオン）内に格納されています。
ファーストビューの画像スライドは Slick というプラグインを使用しています。
新着情報（お知らせ）は、管理画面 ＞ ショップ管理 ＞ 新着情報管理 に登録した内容を表示します。
ピックアップは、管理画面 ＞ 商品管理 ＞ おすすめ商品登録・修正 に登録した商品を一覧表示します。販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。
ここのカテゴリ表示はシステムが生成したものではなく、独自にhtmlを記述しています。
新商品は登録日時を元にシステムが自動取得します。任意に商品を指定することはできません。表示件数は、管理画面 ＞ ショップ管理 ＞ コンテンツ設定情報 編集 の「表示件数設定」で指定します。
販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。
左右にスライド表示する機能は Swiper というプラグインを使用しています。
特にバナー限定ではなく、プロモーションなど自由に使用可能なエリアです。
ランキングは、システムが自動集計した順位または 管理画面 ＞ 商品管理 ＞ 商品ランキング登録・修正 に設定した順位で表示します。販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。
セール商品は、管理画面 ＞ 商品管理 ＞ セール商品登録・修正 で登録した商品または商品カテゴリを表示します。
こちらは310行目のログイン判定により「ログインしていないとき」だけ表示するエリアです。会員登録へ誘導するコンテンツに適しています。
フッター部分はカスタムCMS部品として存在します。さらにその中にカスタムCMS部品であるカレンダーを内包しています。カレンダーはJavascriptにより描画されます。