1 カレンダーに合わせた商品一覧ページ

お弁当配達システム

EC-CUBE2.13.5を利用したお弁当配達・宅配・店頭引き取りシステム

1 カレンダーに合わせた商品一覧ページ
2 カテゴリ登録:12ヶ月のカテゴリ
3 商品登録:日付・締め切り日・アレルゲン
4 会員登録:仮会員から本会員へ管理画面で切り替え
5 ブロック・ページをログイン時のみ表示させる
6 その他の設定

■インストールと同時に機能が実装されます。
・ お弁当配達システム
・ お弁当配達システム会員区分版
・ 宅配・店頭引き取りシステム
詳しくはこちらをご覧ください。

(1)定休日を設定します。下図では「土」「日」を定休日に指定しています。
(2)カテゴリーを作成する際、「年」と「月」と「始まりの曜日」を指定します。
(3)商品登録時に、日付(年月日)を指定します。祝日や休業日の場合も商品を「休日」として登録します。

001

続きを読む 1 カレンダーに合わせた商品一覧ページ

EC-CUBE:No.023 商品詳細ページに添付ファイル機能

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

・添付ファイルは、html/upload/upload_fileフォルダに保存されます。(フォルダ新規作成)
・「現在のカゴの中」「購入確認ページ」「MYページ購入履歴」「メール本文」では、upload_fileフォルダのファイルを参照して表示されます。
・メールにファイルは添付されません。メール本文のファイルURLをクリックしてダウンロードします。
・ファイルの種類は限定していないので、画像や圧縮ファイル、アプリケーションファイル等、何でも添付(アップロード)できます。
・ファイルの種類を限定することも可能です。たとえば、画像(.png .jpg .jpeg .gif)など。
・画像サイズは長辺2000pxにリサイズされます。数値の変更は可能です。
・日本語名ファイルはアップロードできません。
・保存フォルダ(upload_file)に同じ名前のファイルが存在するときは添付できません。その際、エラーメッセージが表示されます。
・PCのみの対応です。スマホには対応していません。スマホ画面で「添付ファイルを送信する場合はPCから」等のコメントを表示して対応することになると思います。

 

▼デモサイト
https://www.kaiplus.com/part/213_3/products/detail.php?product_id=2

▼商品詳細ページ
001

続きを読む EC-CUBE:No.023 商品詳細ページに添付ファイル機能

EC-CUBEカスタマイズ版(2.13系)をさくらインターネットにインストール

EC-CUBE2.13.5カスタマイズ_レスポンシブWebデザイン_スタンダード版等
http://www.kaiplus.com/products/list.php?category_id=37
これらを、さくらインターネットの共用サーバ(ドメイン直下)にインストールする方法です。

★データベース(MySQL)はあらかじめ作成しておきます。

イメージと合わせてご覧ください。

001

続きを読む EC-CUBEカスタマイズ版(2.13系)をさくらインターネットにインストール

EC-CUBE:購入ボタンクリック時にカゴの中に遷移しないようにする

・商品一覧ページと商品詳細ページの「カゴに入れる」ボタンをクリックしたときに適用。
・PCのみで動作。スマホ、携帯には適用されない。
・カゴの中に商品が入ると、「カゴに商品が追加されました」というポップアップメッセージが表示され、約1秒で自動的に消える。
・規格を選択しないでカートボタンをクリックすると、「規格を選択してください」というポップアップメッセージが表示され、約1秒で自動的に消える。
・ポップアップの表示はCSSで、表示時間はJavaScriptで調整する。(どちらも、list.tpl、detail.tplに記述してある)。

 

カスタマイズを希望される方はこちらのページをご覧ください。
http://www.kaiplus.com/user_data/add_customize2.php#013

商品一覧ページ

商品に規格が設定されていて、規格を選択しないでカートボタンをクリックすると、「規格を選択してください。」というメッセージが表示されます。

001

規格の有無に関係なく、商品がカートに入ると「カゴに商品が追加されました。」というメッセージが表示されます。

002

続きを読む EC-CUBE:購入ボタンクリック時にカゴの中に遷移しないようにする

EC-CUBE:管理画面登録型ランキング

・この機能は、ランキングを自動生成するものではありません。
・管理画面から商品を登録します。(おすすめ商品と同じ要領)
・登録数は自由に設定できます。
・ランキングブロックでは10点。ランキングページでは登録したすべての商品が表示されます。
カスタマイズをご希望される方はこちらのページをご覧ください。
http://www.kaiplus.com/user_data/add_customize3.php#021

管理画面で登録

コンテンツ管理>ランキング管理

001 続きを読む EC-CUBE:管理画面登録型ランキング

EC-CUBEカスタマイズ:規格のマトリクス表示・サブ画像と規格画像をメイン画像と入れ替え表示

 

・商品管理>商品マスター検索から商品の「規格」をクリックし、商品管理>商品登録(商品規格)画面で登録します。
・jpg,jpeg,gif,png画像がアップロード可能です。
・画像はアップロード時にリサイズされませんので、あらかじめ横幅640px程度に加工し、それをアップロードしてください。
・規格画像は、upload/save_class_imageフォルダに保存されます。
・「現在のカゴの中」「入力内容のご確認」で規格画像が表示されます。
・すべての規格に対して画像を登録する必要はありません。
・携帯には対応していません。
・縦・横の規格項目を変更できるようにパラメータで設定します。変更はすべての規格表示に適用されます。

管理画面で登録

商品管理>商品登録(商品規格)
・規格画像の保存先: html/upload/sava_class_image
・アップロードする前に、画像は横幅640px程度に加工しておきます。
・すべての規格に対して画像を登録する必要はありません。

規格登録画面
001

登録確認画面
002 続きを読む EC-CUBEカスタマイズ:規格のマトリクス表示・サブ画像と規格画像をメイン画像と入れ替え表示

EC-CUBEカスタマイズ:特定の商品を同時購入不可にする

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

・特定の商品を単独購入のみに設定することができます。設定すると、他の商品を同時購入することができなくなります。
・同時購入不可商品の送料を数量分加算するか否かをパラメータで設定できます。(2個購入したら2個分の送料を加算)
・この機能が適用されるのは、通常商品(パラメータ設定のPRODUCT_TYPE_NORMALで設定された値)のみです。
・複数配送先指定機能を利用することはできません。

管理画面で登録

【規格なし】

同時購入欄「同時購入可能」または「他の商品と同時購入できない」のどちらかをチェックします。(デフォルトでは、同時購入可能がチェック)

001

【規格あり】

002 続きを読む EC-CUBEカスタマイズ:特定の商品を同時購入不可にする

EC-CUBEカスタマイズダウンロード|デモサイト一覧

続きを読む EC-CUBEカスタマイズダウンロード|デモサイト一覧

EC-CUBEカスタマイズ:jQueryによるトップページ画像スライドのサンプル

スライドの動きやレイアウトは、jQueryで実現しています。jQueryのスクリプトを入れ替えることで表示パターンを変更することができます。

■data/Smarty/templates/default/frontparts/bloc/top_image.tpl


<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.amazingslider/bloc_top_image.js"></script>
<div class="block_outer block_top_image" style="margin-bottom:120px;">

※ margin-bottomの値は、状況に合わせて調整してください。

詳細はこちら

続きを読む EC-CUBEカスタマイズ:jQueryによるトップページ画像スライドのサンプル

EC-CUBEカスタマイズ:サイトデザインのカンタン変更(2.13.3)

レスポンシブWebデザイン版と、非レスポンシブのカスタムデザイン版で利用できる機能です。
50点のパターンからお好みのものをご利用下さい。
これらを利用しないで、ご自身でカスタマイズされることももちろん可能です。
それぞれのフォルダにあるstyle.cssが、common.css等のコードを上書き処理する形でスタイルを変更しています。

変更方法

レスポンシブWebデザイン版

■data/Smarty/templates/default/site_frame.tpl
142行目付近、「000」の値を変更して下さい。
<!–▼デザイン変更–>
< link rel=”stylesheet” href=”<!–{$TPL_URLPATH}–>design/000/style.css” type=”text/css” media=”all” />

非レスポンシブのカスタムデザイン版

■html/user_data/packages/default/css/import.css
「000」の値を変更して下さい。
@import url(“../design/000/style.css”);

続きを読む EC-CUBEカスタマイズ:サイトデザインのカンタン変更(2.13.3)