解決済
商品ページの「PC用販売説明文」にその商品以外商品の買い物カゴボタンを設置する方法
- 相談者:
ウェザインラボ - 2025/06/25 16:58
- 返信者:
(DELETE1756463501)ECマスターズ伊藤 - 2025/06/25 19:06
- 返信者:
ウェザインラボ - 2025/06/26 15:09
(DELETE1756463501)ECマスターズ伊藤
管理者コメント
2025/06/25 18:56
お世話になっております。
GOLDからカートへの登録は可能ですが、
・HTML
・かんたんなJavaScriptの知識
・デザインを多少こだわりたいようであればCSS
が必要となってきます。
■ カートに入れる基本のHTML
<form method="post" action="https://basket.step.rakuten.co.jp/rms/mall/bs/cartadd/set" target="_top">
<input value="1" type="text" size="1" name="units" id="units"><!-- 個数入力箇所 -->
<input value="かごに追加" type="submit" id="" data-timesale-id=""><!-- ボタンの文言 -->
<input value="ES01_003_001" type="hidden" name="__event">
<input value="【ショップid"】" type="hidden" name="shop_bid">
<input value="【アイテムID】" type="hidden" name="item_id">
<input value="1" type="hidden" name="inventory_flag">
</form>
======
【ショップid】
ショップ内検索のURLに含まれる6桁の数字
【アイテムID】
下記の手順で確認することができます。
PC用商品ページにて
商品ページの何もないところで右クリック
↓
ページのソースを表示
↓
item_idで検索
<input value="【ここがアイテムIDになります】" type="hidden" name="item_id">
■ アプリでのみ正常にカートに入らない場合は、下記をご確認ください。
https://forum.ec-masters.net/post_view.php?id=29063
■ 実際に対応されてる店舗
https://www.rakuten.ne.jp/gold/resonance/sys_sku/index.html?item_id=10002145
https://www.rakuten.ne.jp/gold/sealdename/seal/seal_c_order.html
===
項目選択肢(現:オプション)
テキストエリア
<input type="tet" value="" name="choice" id="【任意の英数字】">
ラジオボタン
<input type="radio" value="【送信したい値】" name="choice" id="【任意の英数字】">
例:
<input type="radio" value="送料について了承しました" name="choice" id="shipping">送料について了承しました
プルダウン
<select name="choice" id="【任意の英数字】">
<option value="">【表示させたい値】</option>
<option value="【送信したい値】">【表示させたい値】</option>
<option value="【送信したい値】">【表示させたい値】</option>
<option value="【送信したい値】">【表示させたい値】</option>
</select>
例
<select name="choice" id="width">
<option value="">--選択してください--</option>
<option value="50cm">50cm</option>
<option value="60cm">60cm</option>
<option value="70cm">70cm</option>
</select>
===
項目選択肢別在庫(現:バリエーション)
<input value="【SKU管理番号】" name="variant_id" id="variant_id" type="hidden">
GOLDからカートへの登録は可能ですが、
・HTML
・かんたんなJavaScriptの知識
・デザインを多少こだわりたいようであればCSS
が必要となってきます。
■ カートに入れる基本のHTML
<form method="post" action="https://basket.step.rakuten.co.jp/rms/mall/bs/cartadd/set" target="_top">
<input value="1" type="text" size="1" name="units" id="units"><!-- 個数入力箇所 -->
<input value="かごに追加" type="submit" id="" data-timesale-id=""><!-- ボタンの文言 -->
<input value="ES01_003_001" type="hidden" name="__event">
<input value="【ショップid"】" type="hidden" name="shop_bid">
<input value="【アイテムID】" type="hidden" name="item_id">
<input value="1" type="hidden" name="inventory_flag">
</form>
======
【ショップid】
ショップ内検索のURLに含まれる6桁の数字
【アイテムID】
下記の手順で確認することができます。
PC用商品ページにて
商品ページの何もないところで右クリック
↓
ページのソースを表示
↓
item_idで検索
<input value="【ここがアイテムIDになります】" type="hidden" name="item_id">
■ アプリでのみ正常にカートに入らない場合は、下記をご確認ください。
https://forum.ec-masters.net/post_view.php?id=29063
■ 実際に対応されてる店舗
https://www.rakuten.ne.jp/gold/resonance/sys_sku/index.html?item_id=10002145
https://www.rakuten.ne.jp/gold/sealdename/seal/seal_c_order.html
===
項目選択肢(現:オプション)
テキストエリア
<input type="tet" value="" name="choice" id="【任意の英数字】">
ラジオボタン
<input type="radio" value="【送信したい値】" name="choice" id="【任意の英数字】">
例:
<input type="radio" value="送料について了承しました" name="choice" id="shipping">送料について了承しました
プルダウン
<select name="choice" id="【任意の英数字】">
<option value="">【表示させたい値】</option>
<option value="【送信したい値】">【表示させたい値】</option>
<option value="【送信したい値】">【表示させたい値】</option>
<option value="【送信したい値】">【表示させたい値】</option>
</select>
例
<select name="choice" id="width">
<option value="">--選択してください--</option>
<option value="50cm">50cm</option>
<option value="60cm">60cm</option>
<option value="70cm">70cm</option>
</select>
===
項目選択肢別在庫(現:バリエーション)
<input value="【SKU管理番号】" name="variant_id" id="variant_id" type="hidden">
