質問: rms スマホ用商品ページ設定について 楽天rmsの「商品ページ設定(スマートフォン)」についてです。画像のボタンを横に5つ並べたいのですが、商品ページは縦に並んでしまいます。画像を改行なしで横並びに、各画像は幅20%のサイズ指定、全部で横幅100%になるようにしています。カテゴリページ設定にも同様のタグを入れているのですが、こちらは正常に横に並びます。残りの制限文字数が少ないため、テーブルに入れるなどしてタグを増やしたくないのですが、原因と対策が分かればと思い質問させていただきました。どうぞよろしくお願いいたします。
回答: ecマスターズの田中です。楽天のスマートフォン用商品ページで使われている外部スタイルシートにて、下記の規則が記載されていることが原因です。#shopcommontext img {display: block !important;max-width: 100% !important;margin: 0 auto !important;}上記のdisplay属性が原因で、スマートフォン用商品ページにおいて、共通説明文に含まれる画像は全てブロック要素となり、要素1つで1行を占めるようになります。スタイルシートによる指定を無効にするには、元々の規則より詳細な規則を設定する必要があります。また、どうしてもスタイルシートが必要となるため、楽天rmsの、禁止タグを入力できるバグを利用する必要があります。そのため、今後、rmsの改修により、使用できなくなる可能性がありますのでご承知おきください。最初に、楽天gold内に、下記の内容で外部スタイルシートファイル(■)をご用意ください。===== この下の行から ================body #shopcommontext img { display: inline-block !important; }===== この上の行まで ================ご用意ができましたら、スマートフォン用の共通説明文に、下記内容を追記していただくことで商品ページでも、画像を一行にまとめることができます。===== この下の行から ===================== この上の行まで ================※(■)のurlは、実際の内容に置き換えてご利用ください。