ECサイトデザインの組み込み方（新デザイン白ver.）

ヘッダ部は2つのカスタムCMS部品で構成されており、スマートフォンでは全てのメニューがドロワー（アコーディオン）内に格納されています。

ファーストビューの画像スライドは Slick というプラグインを使用しています。

新着情報（お知らせ）は、管理画面 ＞ ショップ管理 ＞ 新着情報管理　に登録した内容を表示します。

ピックアップは、管理画面 ＞ 商品管理 ＞ おすすめ商品登録・修正　に登録した商品を一覧表示します。
販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。

ここのカテゴリ表示はシステムが生成したものではなく、独自にhtmlを記述しています。

新商品は登録日時を元にシステムが自動取得します。任意に商品を指定することはできません。
表示件数は、管理画面 ＞ ショップ管理 ＞ コンテンツ設定情報 編集　の「表示件数設定」で指定します。
販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。
左右にスライド表示する機能は Swiper というプラグインを使用しています。

特にバナー限定ではなく、プロモーションなど自由に使用可能なエリアです。

ランキングは、システムが自動集計した順位または　管理画面 ＞ 商品管理 ＞ 商品ランキング登録・修正　に設定した順位で表示します。
販売情報で「リンク先を知っている方のみ販売」にチェックされた商品は表示しません。

セール商品は、管理画面 ＞ 商品管理 ＞ セール商品登録・修正　で登録した商品または商品カテゴリを表示します。

こちらは310行目のログイン判定により「ログインしていないとき」だけ表示するエリアです。会員登録へ誘導するコンテンツに適しています。

フッター部分はカスタムCMS部品として存在します。さらにその中にカスタムCMS部品であるカレンダーを内包しています。カレンダーはJavascriptにより描画されます。