楽天の商品ページ　買い物カゴにオプションを追加するためのコード

Question

いつもお世話になります。

下記の商品Pですが
https://item.rakuten.co.jp/swandry/10000006/

ページの後半にある下記の部分

STEP1　クリーニングプランを指定してください。
STEP２　お預かりサービスのご利用は下記をお選びください
とかの部分。
Step3：掛布団カバークリーニングをする場合はお選びください

この部分を選択すると、購入手続きに進んだときに、きちんと買い物カゴに対象のオプション商品が入るようになっています。

goldで作成してiframeで埋め込んでいるのかと思うのですが
どのようなコードを書けば実装できるのでしょうか？

当店の商品Pにも実装したいので、ぜひ教えてください。
それではよろしくお願いします。

Answer

ECマスターズの田中です。

お察しのとおり、
いただいた商品ページでは、
https://www.rakuten.ne.jp/gold/swandry/huton_set/huton_set.html
上記ページをiframeで埋め込むことによって実現しております。

iframeで埋め込んだページから
商品を買い物かごに入れる、基本的な仕組みは
当フォーラムでも解説しておりますので、
下記記事をご参照ください。
https://forum.ec-masters.net/post_view.php?id=13567

いただいた商品ページの仕組みでは、
「買い物かごに入れる」ボタンを押すと共に、
買い物かごに入れる命令を複数実行させることによって
オプション品の同時かご入れを実現しております。
そのために、下記のようなJavaScriptを作成されております。
https://www.rakuten.ne.jp/gold/swandry/huton_set/js/common.js

arauzoさんのショップでも
同等の仕組みを実装される場合は、
同程度の開発を行っていただく必要がございます。

Answer

こんばんはー。
このオプション機能面白いですね。

ただ７月からのスマホページのHTML使用の厳格化適用後が気になりますね。
スワン・ドライさんも使えなくなるんじゃ......

Answer

ECマスターズ 田中様

ご返信ありがとうございます。

なるほどjavaで書いているのですね。

＞＞同等の仕組みを実装される場合は、
＞＞同程度の開発を行っていただく必要がございます。

という事は、このコード自体の提供は流石にして頂けないという事ですかね？
無論、そうだとしても文句を言うつもりは一切ありませんので！

近しい人にjavaに精通した人が思い当たらないので
ランサーズなどに投げてみる事も含めて検討してみますね。


　shinoshinoさま

いいですよね。この機能。
項目選択肢で金額プラスさえされれば、まるで必要ないのに。
その文句をいまさら言っても仕方ありませんが。

おっしゃる通り７月以降の事考えたら
額にもよりますが、コストをかけるかどうか悩みますね。

業者に見積とってみて、もう少し検討してみます。

Answer

Arauzo様

ついついスマホ向けにiframeを考えてしまいましたけど、ゴールドページでの運用でもいいかもしれません。

ゴールドで、スマホトップやカテゴリーページなどを運用している店舗もございますしね。

お客様へのナビゲーションをわかりやすくすれば、この方式は使えるかも。

当店では、カスタムオーダーとして使えるかもしれないので、とりあえず解析開始かな。

Answer

ECマスターズの伊藤です。

> という事は、このコード自体の提供は流石にして頂けないという事ですかね？
> 無論、そうだとしても文句を言うつもりは一切ありませんので！

こちらの件ですが、参考に頂いているページが
かなり複雑なため、
ソースのご提示が難しくなっております。

もし、よろしければ、別途料金が発生いたしますが
制作をお引き受けすることができますので
ご相談くださいませ。

なお、shinoshinoさんがおっしゃってます通り、
HTMLエラーチェック対応後に
ご利用いただけなくなる可能性もございますので
その点も含み置き頂ますよう
お願いいたします。

Answer

開発料金に興味あり！

Answer

ECマスターズ　伊藤様

ご返信ありがとうございます。

別料金に関してshinoshinoさん同様に教えてほしいです。
もちろん７月以降の事は頭に入れておりますので。

同程度の機能を実装した場合の
御社での見積額をぜひ教えてください。

それではよろしくお願いします。

Answer

ECマスターズの伊藤です。

> arauzoさん
> shinoshinoさん

ご興味をお持ちいただき、ありがとうございます。

開発料金ですが、
・JavaScriptのみ対応
・HTML、JavaScriptの両方対応
・デザイン対応
・設置対応
や、どのような動作にするか、など
制作内容によって異なってまいりますので
一概に「○○円」と、お出しすることが
難しくなっております。

お手数ですが、ご希望の対応を

club@ec-masters.net

あてに、お送りいただきますよう、お願いいたします。

Answer

ECマスターズの田中です。

> arauzoさん
> shinoshinoさん

伊藤よりご案内差し上げた
対応内容のご希望に関して、
その後いかがでしょうか。

万が一、すでにお送りいただいており、
弊社にて見逃しておりました場合は、
その旨お知らせいただきますようお願いいたします。

楽天の商品ページ 買い物カゴにオプションを追加するためのコード

楽天の商品ページ　買い物カゴにオプションを追加するためのコード