どこでも購入プラグイン(4.2系版)

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

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

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

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

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

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

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

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

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

の2パーツのみです。

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

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

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

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

【ご注意】

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

尚、フォームタグやjavascript記述などをご自身で編集できる方は、外部サイトに埋め込むフォームタグを自由にカスタマイズしてカート投入個数を5個に固定したり、規格プルダウンにしたり、自由にカスタマイズして頂けるかと思います。
※Formタグやjavascriptカスタマイズについてのお問い合わせにつきましては、有償お見積り対応となります。
コード記述についてのお問合せを頂いても回答できない場合があります。

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

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

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

【サンプルソース記述の注意】

(EC-CUBE4.2専用)
EC-CUBE外の任意のWEBサイトページ上に特定のフォームタグを埋め込むことで、外部サイトに「購入ボタン」を設置し、購入ボタンをクリックするとダイレクトにEC-CUBE4.2のカートの中に商品を投入し、ショッピングカートページへ遷移させます。ショッピングカートページへ遷移後はEC-CUBE4.2上での通常カートフローとなります。
キャンペーンページや特設ブランディングサイト、ブログ記事内などの商品案内から直接カゴへ商品を投入させる事が出来るようになります。