• 文字サイズ


解決済

楽天のスマホ商品ページで項目選択肢に画像表示する方法

  • 相談者:非公開
  • 2017/10/17 11:35
いつもお世話になっております。

ただ今、弊社ではカラー20色ある商品がございまして
お客様にお買い求め頂きやすいように
スマホのカラーを選択する際、カラー名をタップした時に、
カラー別で20色分の写真を埋め込みたいと思っております。
※添付しました画像の様にしたいです。

方法がございましたらお教えください。
よろしくお願いいたします。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2017/10/17 14:13
ECマスターズの塚本です。

>スマホのカラーを選択する際、カラー名をタップした時に、
>カラー別で20色分の写真を埋め込みたいと思っております。

………(省略)………
  • 返信者:非公開(質問者)
  • 2017/10/17 14:56
質問がわかりずらくすいません。

スマホで商品を購入する際に使用するカラー選択のプルダウンの中に画像を埋め込みたいのです。

よろしくお願いいたします。………(省略)………
  • 返信者:非公開
  • 2017/10/17 15:24
ECマスターズの塚本です。

>スマホで商品を購入する際に使用するカラー選択の
>プルダウンの中に画像を埋め込みたいのです

購入時のプルダウン選択で………(省略)………
  • 返信者:非公開(質問者)
  • 2017/10/17 15:46
ご連絡ありがとうございます。

こちらのページのスマホサイトです。
https://item.rakuten.co.jp/SHOP-URL/ITEM-UR………(省略)………
  • 返信者:非公開
  • 2017/10/17 17:17
ECマスターズの塚本です。

ご共有いただきまして、ありがとうございます。

こちらお調べしまして、
担当よりご連絡させていただきます。

お時間………(省略)………
  • 返信者:非公開
  • 2017/10/17 18:42
ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
 今後、RMSの改修により、使用できなくなる可能性があります。………(省略)………
  • 返信者:非公開(質問者)
  • 2017/10/18 11:34
ご連絡ありがとうございます。
無事に実現する事ができました!

詳しく教えてくださってありがとうございました。

また今後ともよろしくお願いいたします………(省略)………
  • 返信者:非公開(質問者)
  • 2017/12/18 14:55
お世話になっております。

追記で教えていただきたくご連絡申し上げます。

通常のスクロールで下部までいき
「ご希望の商品を選択してください」
の下………(省略)………
  • 返信者:非公開
  • 2017/12/18 16:36
ECマスターズの田中です。

実際に設置された様子を確認したところ、
「カラーを選択」および「ご購入手続きへ」
それぞれクリックした時に表示される選択肢………(省略)………
  • 返信者:非公開(質問者)
  • 2017/12/19 10:54
お世話になっております。

無事修正することができました。
ありがとうございました!………(省略)………
  • 返信者:非公開
  • 2020/02/03 11:52
田中さん
先ほどはPCページでお世話になりました。
同ページのスマホ版
https://item.rakuten.co.jp/SHOP-URL/ITEM-………(省略)………
  • 返信者:非公開
  • 2020/02/03 16:49
ECマスターズの田中です。

> 同ページのスマホ版
> https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
>………(省略)………
  • 返信者:非公開
  • 2020/02/03 17:16
田中様
ご連絡有難うございます。

添付ファイルのスクリーンショットをご覧いただければ
お分かりになると思いますが、
スマホはPCと異なりサイズ別のプ………(省略)………
  • 返信者:非公開
  • 2020/02/03 17:50
ECマスターズの田中です。

残念ながら、スマートフォン用ページにて
縦軸と横軸を入れ替える方法は
発見されておらず、
実行することはできません。
………(省略)………
  • 返信者:非公開
  • 2020/02/03 19:20
田中さん
お世話様です。

▼で実際にやっている店があります。
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL………(省略)………
  • 返信者:非公開
  • 2020/02/03 21:42
ECマスターズの田中です。

いただいた商品でも、
先に(2020/02/03 16:49に)ご返信差し上げたものと同等の方法で
項目選択肢別在庫の縦軸………(省略)………
  • 返信者:非公開
  • 2020/02/04 10:47
田中さん
お世話様です。

早速やってみましたが
画像が表示されません。

どこに問題があるでしょうか?

よろしくお願いいたします。

/………(省略)………
  • 返信者:非公開
  • 2020/02/04 11:20
ECマスターズの田中です。

いただいたlinkタグに記載されている
https//www.rakuten.ne.jp/gold/SHOP-URL/coa………(省略)………
  • 返信者:非公開
  • 2020/02/04 11:44
田中さん

できました。

何度も何度もご丁寧に対応いただき
本当にありがとうございました。………(省略)………
  • 返信者:非公開
  • 2020/07/14 13:14
お世話になっております。
当店も上記の方法(stylesheetタグ使用)でスマホの選択肢に画像を表示しております。
大変わかりやすく気に入っていたのですが………(省略)………
  • 返信者:非公開
  • 2020/07/14 19:15
ECマスターズの田中です。

画像を引き続き表示させたいお気持ちはお察しいたします。
また、万が一、ご案内可能な方法が見つかりましたら
会員の皆様へのお………(省略)………