- TOP
- カスタマイズ無料情報
- カートボタンのカスタマイズ -カートボタン自由自在-
カートボタンのカスタマイズ -カートボタン自由自在-
※この情報は過去の情報となります。 動作しない可能性もございます。
カスタマイズに興味のある方へのあくまでも参考情報となります。
大変申し訳ございませんがカスタマイズに関するお問合せは承っておりません。
カスタマイズが必要な方は、是非ご依頼ください。
「どこでもカラーミーショップ」よりももっとカスタマイズしたい方へ・・・
唐突ですが、皆さんはカートのフォーム(form)タグをカスタマイズする事で自在にカートボタンを呼び出せたり、レイアウトを変えたりできることはご存知でしょうか?。
今回は、そんな自由自在なカートのフォーム(form)タグ(カートボタン)の活用方法をご紹介いたします。このカスタマイズが、皆様の良いアイディアを活かせるきっかけになれたら幸いです。
カートボタンを自由自在に呼び出せるカスタマイズ
これはなんと、商品IDの番号さえ分かっていれば自由自在に呼び出せちゃうカスタムなんです。
例えば、フリーページや商品一覧にも、カートボタンを付けられるということですので、お客様にはより便利にお買い物をしていただけるという訳です。ね、いいでしょ?
それでは早速、そのコードをご紹介させていただきます。
下記ソースコード
※黄文字部分を修正してください
<form name="product_form" method="post" action="https://secure.shop-pro.jp/?mode=cart_inn">
購入数:<input type="text" name="product_num" value="1" />
<input type="submit" value="カートに入れる" />
<input type="hidden" name="product_id" value="商品ID" />
<input type="hidden" name="user_hash" value="<{$smarty.request.PHPSESSID}>" />
<input type="hidden" name="members_hash" value="<{$smarty.request.PHPSESSID}>" />
<input type="hidden" name="shop_id" value="ショップID(アカウントID)" />
<input type="hidden" name="members_id" value="<{$members_id}>" />
<input type="hidden" name="back_url" value="/" />
</form>
購入数を入力せずにボタンだけの表示もできます。その際は下記の様にコードを修正してください
購入数:<input type="text" name="product_num" value="1" />
を
 <input type="hidden" name="product_num" value="1" />
に変えるとボタンのみの表示もできます。
コードの意味
- valu="カートに入れる"
- ここの文字を変えるとボタンの文字が変わります。
- name="product_id"のvalue値
- 商品IDを入れる
- user_hashのvalue値
- このまままコピペでよいです
- members_hashのvalue値
- このまままコピペでよいです
- shop_idのvalue値
- ショップID(アカウントID)カラーミーショップでログインすると、左上、メニューの下にあるPAで始まる数字です。
- members_idのvalue値
- カラーミーショップの独自タグログイン中の顧客IDです。ここは空でも問題ありません。
- back_urlのvalue値
- カートに入った後、ショップへ戻るリンク先のURLです。ホームのURLや商品ページのURLなどを記述して下さい。