楽天商品ページでのカラー選択の際に画像を入れる方法

Question

いつもお世話になります。

楽天市場の商品ページ(スマホ、PC)で、お客様がカラーを選択される際、各カラーの横に該当商品の画像を表示する方法を教えていただけないでしょうか？

念のため、ご対応されている店舗様のイメージを添付致します。
※スマホの画面です

よろしくお願い致します。###IMG083e7303ef836c2872764b9770d4ff2f2.pngIMG0###

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

いただいた店舗では、
スマートフォン用商品説明文で
https://www.rakuten.ne.jp/gold/4cal/css/sp_select.css
上記スタイルシートを読み込んで、画像表示用の枠を作り、
https://www.rakuten.ne.jp/gold/4cal/css/adan-sw-001_select.css
上記スタイルシートを読み込んで、実際に画像をはめ込んでおります。

ZZZさんのショップでも、
同様の外部スタイルシートファイルをGOLDに作成した上で
読み込むことで、項目選択肢別在庫のカラー名の横に画像を挿入することができます。

スタイルシートを読み込むためのタグは
スマートフォン用項目での利用が禁止されているため、バグを利用する必要があります。
下記タグをご利用ください。



※外部スタイルシートファイルのURLは、実際のURLに置き換えてご利用ください。

楽天 商品ページでのカラー選択の際に画像を入れる方法

楽天商品ページでのカラー選択の際に画像を入れる方法