読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【EC-CUBE】EC-CUBE外からのカート設置

LPを作成し、カート機能のみeccubeのカートを使う。

要するにeccube外のページから商品詳細ページを経由せずeccubeのカゴにダイレクトに入れる。


LPを作成したhtmlファイルのカート部分に以下記述。

<!--{* 買い物かご *}-->
<form id="form1" action="/products/detail.php?product_id=10" method="post" name="form1"><input type="hidden" name="transactionid" value="<!--{$transactionid}-->" />
 <input type="hidden" name="mode" value="cart" />
 <!--{* value=xx に product_id を設定 *}-->
 <input type="hidden" name="product_id" value="10" />
 <!--{* value=xx に product_class_id を設定 *}-->
 <input id="product_class_id" type="hidden" name="product_class_id" value="18" />
 <input type="hidden" name="favorite_product_id" value="" />
 <input class="box60" type="text" name="quantity" value="1" maxlength="9" /><!--ここが数量記入ボックス-->
 <a onmouseover="chgImg('マウスオーバー時の購入ボタン画像パス','cart');" onmouseout="chgImg('購入ボタン画像パス','cart');" href="javascript:void(document.form1.submit())">
 <img id="cart" src=" http://infinite-shop.jp/user_data/packages/default/img/button/btn_cartin.png " alt="カゴに入れる" name="cart" /></a></form>
<!--{* 買い物かご *}-->


複数カート設置する場合の、上野コードの変更箇所】
①1行目のform1 と 10行目(3か所)
1ページ内にカートボタンを2つ以上設置する場合は、カゴごとに数字の部分を2、3、4と変更してください。1ページ内に同じ数字のフォームが複数あると正常に動作しません。

②2行目product_id=XX と 5行目name="product_id" value="XX"(2か所)
商品IDです。
商品詳細ページのURLの右端の数字が商品IDです。(商品管理画面でも確認できます)

③7行目name="product_class_id" value="XX"
規格を設定した場合のIDです。設定しない場合も自動で割り振られますが、ソースからしか確認できないので、登録した商品詳細ページをブラウザから開いてソースからIDを取得します。
「カゴに入れる」ボタン近辺に割り振られています。

④2行目のactionもパスを正しく訂正する必要あり。



数量ボックス要らない場合はどうするのか

 <input class="box60" type="text" name="quantity" value="1" maxlength="9" /><!--ここが数量記入ボックス-->

 <input class="box60" name="quantity" value="1" maxlength="9"  type="hidden" />

に変える。

type="hidden"にしてボックスをかくさないと数量が入らない。


「カートに入れる」ボタンを自分で作った画像にする場合

 <a onmouseover="chgImg('マウスオーバー時の購入ボタン画像パス','cart');" onmouseout="chgImg('購入ボタン画像パス','cart');" href="javascript:void(document.form1.submit())">
 <img id="cart" src=" http://infinite-shop.jp/user_data/packages/default/img/button/btn_cartin.png " alt="カゴに入れる" name="cart" /></a>

<a href="javascript:void(document.form1.submit())" class="hvr-wobble-skew"><img id="cart" name="cart" src="ボタン画像パス" alt="*" class="hover_img1" /></a>


に。まあ普通に変えたらいいだけなのですが、imgタグにid="cart" name="cart"をつけてあげてください。


ごめんなさい。ごっさ眠いからまじオナニー記事。