楽天　買い物かご外部化

Question

いつもお世話になっております。

https://www.rakuten.ne.jp/gold/●●●/●●●/●●●/

こちらのページのように、セールページに買い物かごボタン、個数等を直接表示したいです。

まずは、商品上記ページと同じように商品一つずつiframeで読ませる形で作成しようと思うのですが、通常在庫と選択肢在庫の二つの方法を教えて頂けますでしょうか。
（通常在庫のソースコードは店舗コードとitem_idを変更し、dwのプレビューでは正常に動きましたが、他に変更が必要な場所があれば教えてほしいです）

通常在庫
https://www.rakuten.ne.jp/gold/●●●/●●●/●●●/●●●.html

選択在庫
https://www.rakuten.ne.jp/gold/●●●/●●●/●●●/●●●.html



kami-salada.html　303行目～344行は削除してもいいかも教えて頂けますでしょうか。



お忙しいところ恐縮ですが、よろしくお願い致します。

Accepted Answer

ECマスターズの田中です。

いただいたソースを確認したところ、
追記していただいた箇所にて

}
} else if(selectVal02 == "3") {

のように、 } が２連続で記載されておりましたので、
片方の } を削除していただきますようお願いします。

該当部分のスクリプトは、

if(1つ目が選択されていたら) { 1のときの処理 }
else if(2つ目が選択されていたら) { 2のときの処理 }
else if(3つ目が選択されていたら) { 3のときの処理 }
（以下略）

このように、処理内容を { と } で囲んで指定しているため、
{ と } の数が合わなくなると、プログラムの文法と合わなくなって
エラーの原因となってしまいます。

Answer

ECマスターズの田中です。

楽天GOLDのページに買い物かごを設置するにあたり、
基本的な仕組みは下記質問への返信をご参照ください。
https://forum.ec-masters.net/post_view.php?id=9990

いただいたページでは、上記の基本的な仕組みを作りつつ、
楽天の仕組みを利用して買い物かごへの登録を行っております。

通常在庫に関しては、おっしゃる通り店舗コードとitem_idをご変更いただくことで
問題なく動作させることができますが、
選択在庫は注意が必要となります。

店舗コードとitem_idをご変更いただく点は変わりありませんが、
「さらツヤ」「うるツヤ」の表示部分の修正を行っていただいた後、
ページ末尾のJavaScriptの修正が必要となります。

else if(selectVal02 == "2") {
$("#checkbox").children().remove();
$("#checkbox").append('');
}

上記４行が、１つの選択肢別在庫分のソースとなりますので、

else if(selectVal02 == "★") {
$("#checkbox").children().remove();
$("#checkbox").append('');
}

上記形式で、
★には、表示部分のタグにて、value=" と " の間に設定した値を、
◆には、実際の商品ページの項目選択肢別在庫にて、ラジオボタンに設定されているvalue=" と " の間の値を、
それぞれ追記していただきますようお願いします。
（"を余計に消してしまう、全角スペースや数字を入れてしまう、など、細かい文法エラーで動作しなくなりますのでご注意ください）

> kami-salada.html　303行目～344行は削除してもいいかも教えて頂けますでしょうか。

私にて動作確認したところ、削除しても問題は無いようですが、
解読困難な楽天の仕組みをそのまま利用している関係から、
想定外の動作不良を起こす可能性も否定できませんので、
なるべく削除しないことをオススメします。

どうしても削除される際は、
実際に削除後の動作をご確認いただいた上でお願いいたします。

Answer

田中様

いつもお世話になっております。

早々のご回答ありがとうございました。

一度試してみたのですが、内容量 表からどれか１つ選んでください。というエラーが出てしまいます。

メールで送らせて頂きますので、ご確認頂けますでしょうか。

Answer

田中様

いつもお世話になっております。

ご回答ありがとうございました！

コピーして追加したところが間違っていたのですね。

修正してもまだエラーが出てしまったのですが、

↓こちらのコード部分を自社のコードに変更することにより、正常に動きました。

> kami-salada.html　303行目～344行は削除してもいいかも教えて頂けますでしょうか。


ひとつずつ作成していくのはなかなか大変なので、他のやり方があれば教えて頂きたいのですが、
まずはこちらで作成してみます。

今後ともよろしくお願い致します。

楽天 買い物かご 外部化

楽天　買い物かご外部化