こちらのページはどのように作りますか

Question

いつもお世話になっております。
今回はついで買いを進めるこちらのような商品ページを
作ってみたいのですが、どのようにすれば宜しいのでしょうか？
https://item.rakuten.co.jp/kumada/10012254/

買い物籠の少し上の「経机掛」のところです。###HR######IMG0cb51c0dfffb9f37a7819edd3be7a81b5.gifIMG0###

Answer

ECマスターズの橋本です。

後ほど担当より回答させていただきます。
今しばらく、お待ちいただければと思います。

宜しくお願いいたします。

Answer

ECマスターズの田中です。

＞買い物籠の少し上の「経机掛」のところです。

いただいたスクリーンショットの右側にあたる、
https://www.rakuten.ne.jp/gold/kumada/iframe/cart/tukuekake/20.html
このようなHTMLファイルを楽天GOLDに作成して、
タグでPC用販売説明文に埋め込むことで
作ることができます。

まずは楽天GOLDにて
見た目を作成していただいた後、
後ほど記載する方法に当てはめるようにソースを修正していただく、
という流れになりますので、

実際に作成していただき、
その上で不明な点がございましたらご返信ください。

==========
楽天GOLDのページから直接買い物かごに入れる仕組みを作る方法

■１．
楽天GOLDに設置したHTMLファイルに、以下のタグを設置する。

===== この下の行から ================

  個数：
  
  
  
  
  

===== この上の行まで ================
※ショップＩＤは、ショップ内検索時にURLに含まれる6桁の数字を入力してください。
※商品の在庫タイプは、
　「通常在庫設定」なら1、「項目選択肢別在庫」なら2を入力してください。
　（今回は項目選択肢別在庫なので、2を入力してください）
※商品のＲＡＣ番号の下８桁は、商品個別編集画面もしくはitem.csvよりご確認ください。

■２．
項目選択肢別在庫を選択するためのラジオボタンを、
実際の商品ページのHTMLソースからコピーしてタグ内に入力する。

例）
===== この下の行から ================
ピンク： 
===== この上の行まで ================

Answer

橋本様・田中様

ご回答有難う御座いました。

項目選択肢別在庫を選択するためのラジオボタンを、
 実際の商品ページのHTMLソースからコピーしてタグ内に入力する。

 例）
===== この下の行から ================
ピンク： 
 ===== この上の行まで ================

こちらをもう少し詳しくご指導ください。
・実際の商品ページのHTMLソースからコピーしてタグ内に入力する。
　こちらはどのようにすればよろしいでしょうか？
　商品ページ登録でラジオボタンの設定はどこにありますか？

よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞・実際の商品ページのHTMLソースからコピーしてタグ内に入力する。
＞　こちらはどのようにすればよろしいでしょうか？
実際にお客様向けに表示されているページにて
ソースを閲覧して、コピーしていただく形になります。

ブラウザの開発者ツールをご利用いただくと便利ですので、
今回はGoogle Chromeの開発者ツールを利用する方法をご案内いたします。

たとえば、今回の経机掛の元商品である
https://item.rakuten.co.jp/kumada/10002739/
この商品ページを開いていただき、
項目選択肢別在庫のラジオボタンを右クリック→「検証」とすると、
ラジオボタンが選択された状態で、開発者ツールのElementsタブが開きます。
開いた中にある、青背景の行を右クリック→Copy→Copy outerHTML
と選択していただくことで、ラジオボタン用のソースをコピーすることができます。

他のブラウザの場合でも大まかな操作方法は同じですが、
もし他のブラウザをご利用中で、方法がわからない場合はご返信ください。

Answer

田中様

ご回答有難う御座います。

自分なりに試行錯誤してみます。
時間がかかりそうなので、また不明な点がございましたら
ご指導お願いいたします。

有難う御座いました。