2019年1月17日カテゴリー:

EC-CUBE3:商品をカレンダーに表示する

このカスタマイズを現行サイトへ実装したい方はこちら

カスタマイズ内容

・カレンダーはブロックとして配置します。
・カレンダーは、jQueryプラグイン「Zabuto Calendar」を利用しています。
・商品登録に「カレンダー日付」欄が設置されます。「カレンダー日付」欄が登録されていれば、カレンダーに表示されます。
・商品登録に「販売終了日時」欄が設置されます。「販売終了日時」を過ぎると、カートボタンは表示されません。
・商品ページ(詳細・一覧)に「カレンダー日付」と「販売終了日時」が表示されます。
・商品一覧ページでは、「カレンダー日付順」(昇順)で並び替えることができます。
・1日に登録できる商品は1点だけです。1日に複数の商品を登録することはできません。
・管理画面の商品マスターに検索条件「カレンダー日付」が追加され、「カレンダー日付」で検索した場合、検索結果では商品が「カレンダー日付」順(昇順)に並びます。
・モーダルウィンドウの項目の表示・非表示は、管理画面のショップマスターで指定できます。

商品のカレンダー表示

・1日に登録できる商品は1点だけです。1日に複数の商品を登録することはできません。

001

モーダルウィンドウ表示

・カレンダー内の商品をクリックすると、商品の詳細がモーダルウィンドウで表示されます。
・商品名または画像をクリックすると、商品詳細ページを開きます。

002

商品詳細ページ

・カレンダーの日付、販売終了日時が表示されます。
・販売終了日時を過ぎると、カートボタンは表示されません。

003

商品一覧ページ

・カレンダーの日付、販売終了日時が表示されます。
・カレンダー日付順(昇順)で並び替えることができます。

004

管理画面・商品登録

・商品登録に「カレンダー日付」欄が設置されます。「カレンダー日付」欄が登録されていれば、カレンダーに自動的に表示されます。
・商品登録に「販売終了日時」欄が設置されます。「販売終了日時」を過ぎると、カートボタンは表示されません。「販売終了日時」を登録しなければ、カートボタンは常に表示されます。

005

管理画面:商品マスター

・カレンダー日付、販売終了日を条件にして検索できます。
・「カレンダー日付」で検索した場合、検索結果では商品が「カレンダー日付」順(昇順)に並びます。

006

管理画面:ショップマスター

・「タイトル」では、カレンダーブロックのタイトルを登録します。空欄の場合はタイトルは表示されません。
・「カテゴリ表示」では、カレンダーの下にカテゴリリンクを表示するかどうか指定します。
・モーダルウィンドウに表示される詳細の項目について、表示・非表示を指定できます。
・「カレンダー日付」「販売終了日時」は、商品ページにも反映します。

007
このカスタマイズを現行サイトへ実装したい方はこちら