どこでも購入ボタンプラグイン

管理画面内に表示されるフォームタグのサンプルコードを任意のWEBサイトページ内に記述することで、EC-CUBE3上に登録された商品情報を含めた「購入」ボタンを表示させることが出来ます。
設置した「購入」ボタンをクリックすると、その商品がカートに投入され、EC-CUBE3サイト上のショッピングカートのページに遷移します。
ショッピングカートページへ遷移後は、通常のEC-CUBE3カートフローと同じです。

【動作確認用の参考サイトページ】

●一般WEBページ:どこでも購入ボタンプラグインデモサイトページ
※実際にページ内の「購入」ボタンを押していただくと、EC-CUBE3のサイトのカートに商品が入りページ遷移する事を確認していただく事が出来ます。

【ご利用上の注意】

セキュリティ上の関係で、
外部サイト(https://)→EC-CUBE3(http://)の通信の場合は、送信元のドメイン名が取得できない為、「all」以外の設定では、カート投入は出来ません。
EC-CUBE3側がhttpsの設定がされていれば、問題はありません。

プラグインをインストール後、有効化します。

プラグインの設定画面を開き、直接カートへ商品投入を許可するドメインをEC-CUBE側に登録します。

ドメイン単位での許可登録となり、複数ドメインサイトからのカート投入許可をする場合は、許可する全てのドメインをカンマ区切りで登録します。

また全てのドメインからのカート投入を許可する場合は「all」を登録します。

商品編集画面を開くと右側のエリアに「どこでも購入ボタンサンプルソース」の枠が表示されその中にサンプルコードが表示されていますので、設置先のWEBページコード上にコピー&ペーストします。

コード上のaction="URL"内の「xxxx」の箇所のみプラグイン適用のEC-CUBE3設置先のURLを編集します。

尚、サンプルコードには登録されている商品idなどが埋め込まれますが、フォームタグは

・数量入力BOX
・購入ボタン

の2パーツのみです。

商品の画像やタイトル、商品説明コメントなどは、任意のWEBサイト側でのデザインコーディングによりますので、ご自身でご用意ください。
あくまでも「特定の登録商品を数量を指定してカゴ投入させるボタン」という事になります。

本プラグインでのフォームは規格のプルダウンコードは生成しませんので、規格商品それぞれ個別に「数量」と「購入ボタン」が1セットでのコードとなります。

規格有り商品の場合、商品編集の規格登録画面上にサンプルコードの表示枠が追加されます。
外部のWEBページに埋め込みたい規格商品のコードをコピーペーストしてください。

コピーペーストするサンプルコード内の、
action="xxxx/"の「xxxx」部分のみプラグイン適用のEC-CUBE3の設置先URLに編集してください。

【ご注意】

サンプルコードをコピー&ペーストされる際は、必ず実際の商品ページのHTMLコード上で商品IDに間違いがないか確認してください。
※購入ボタン設置後は必ず、目的の商品がカートに投入されるかをご確認ください。

尚、フォームタグやjavascript記述などをご自身で編集できる方は、外部サイトに埋め込むフォームタグを自由にカスタマイズしてカート投入個数を5個に固定したり、規格プルダウンにしたり、自由にカスタマイズして頂けるかと思います。

また、当プラグインで埋め込むフォームタグは、設置先のCSSの影響を受けにくくする為に、formに特殊な「s8addcartPlg」というクラス名を付与していますので、フォームデザインをカスタマイズされる際は、このクラス名に対してCSSを記述いただくか、クラス名を任意の名称に変更記述していただく事でフォーム部品のデザインも設置策ページのデザインに合わせ任意に変更していただけるかと思います。

諸々ご利用シーンとしての自由度が極力高くなるようにしています。
フォーム部品の装飾サンプルのCSSコードについては弊社ブログに公開していますのでご参考ください。

【動作サンプル】

「どこでも購入プラグイン」の購入ボタンを設置したサンプルページを用意していますので、購入ボタンを押してみて動作等をご確認ください。

サンプルWEBページ

【プラグインのデモサイト】

●EC-CUBE3 Plugin DEMO

【デフォルトシリーズ】

●新着商品自動表示プラグイン
●配送料無料バナーブロックプラグイン
●送料無料条件表示プラグイン
●ようこそプラグイン
●Ver.3用割引率「%OFF」表示プラグイン
●Ver.3用 値引き額「円OFF」表示プラグイン

【その他プラグインはこちらから!】

●全プラグイン一覧

【デザインテンプレートはこちらから!】

●背景あり(淡グレー×ブラウン系)s83001
●背景なし(ホワイト×グリーン系)s83002

【EC-CUBE3関連ブログ】

●EC-CUBE技術資料
●EC-CUBE配布テンプレート
●EC-CUBE配布プラグイン

ご不便ご迷惑をおかけしており、大変申し訳ございません。

規格1だけを利用する商品の場合、出力するサンプルコードで
<input type="hidden" name="classcategory_id2" value="">
が含まれている為、そのままのコード貼り付けでは、カートに商品を投入できない不具合を確認いたしました。

本アップデートで、規格1だけの商品の場合、規格2を表すinputタグを表示しないように修正いたしました。

本不具合につきましては、プラグインをご利用いただいているユーザー様からのご指摘ご報告を頂き、不具合の発見、改修をすることが出来ました。この場を借りて、深くお詫び申しあげますと共に、不具合のご報告を頂き、心よりお礼申し上げます。

旧バージョン3.0.10/3.0.11のみ、本プラグインの不具合が見つかりましたので、修正したアップデートパッケージとなります。
ご購入頂いている方には大変ご不便おかけしましたことをお詫び申し上げます。
お手数ですが、管理画面オーナーズストアプラグイン一覧画面よりプラグインバージョン1.2へアップデート頂きますようよろしくお願いいたします。
尚、EC-CUBE Ver.3.0.12以降(3.0.12/3.0.12p1/3.0.13/3.0.14)につきましては、本アップデートによる修正内容の動作仕様的な影響はありません。

サンプルコード内のID取得の不具合修正アップデートとなります。
また正式にVer3.0.14への対応となります。