楽天アプリの表示について

Question

お世話になっております。

少し前から、楽天アプリで当店を見ると、画像の後ろの改行が反映されず、
画像が並ぶ場合、隙間が詰まってしまいます。
アプリが入っていないスマホで見ると隙間があります。
既存ページを修正するには多過ぎるので、アプリでも改行が反映されるようにできないでしょうか？

またcssが使えない楽天のスマホで、画像と画像の余白の設定方法として、
今後どのような方法がふさわしいのでしょうか？

どうぞよろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> 少し前から、楽天アプリで当店を見ると、画像の後ろの改行が反映されず、
> 画像が並ぶ場合、隙間が詰まってしまいます。
> アプリが入っていないスマホで見ると隙間があります。
> 既存ページを修正するには多過ぎるので、アプリでも改行が反映されるようにできないでしょうか？

恐れ入りますが、実際の画面を
確認したいため、該当の商品ページの
URLをお送りいただけますでしょうか。

よろしくお願いいたします。

Answer

例えば下記ページの
https://item.rakuten.co.jp/店舗名/dp0015/

商品説明の下部、LINEのバナーの辺り、バナーが連続していますが、隙間を改行で開けています。
アプリですと、バナーどうしがくっついてしまいます。

どうぞよろしくお願いいたします。

Answer

ECマスターズの伊藤です。

>商品説明の下部、LINEのバナーの辺り、バナーが連続していますが、隙間を改行で開けています。
>アプリですと、バナーどうしがくっついてしまいます。

URLのご共有ありがとうございます。

ブラウザ版とは異なり、アプリ版では
バナーの間に余白がなくなっていることを
確認いたしました。

出来得る対策として、以下の方法を
ご提案いたします。

1.透明画像を挿入する方法

改行タグが無視されているため、バナー間に
透明画像を挿入して隙間を作成します。

















上記では、高さ10pxの透明画像を
使用しています。
透明画像は必要に応じてご自身で
ご用意ください。

2.テーブルを利用する方法
テーブルを使用して隙間を作る方法です。








  







  







  








セル間に高さ10pxのスペースを挿入する
ことで隙間を作成します。
ただし、この方法では正確な高さ調整が
やや難しい場合があります。

なお、こちら楽天の不具合の可能性が
高いため、楽天にご意見いただけますと
改善される可能性がございます。

ECCへのご相談、及び
ご意見の投稿へのご連絡をご検討ください。
https://ron.rms.rakuten.ne.jp/ron_createopinion?scid=wi_man_Inquiry_opn

Answer

解決案をありがとうございます。

透明画像を入れる方はimgタグ20回制限があるため、多様できないかと思います。
テーブルの方は可能ですが、既存ページを直す所が多過ぎるので難しいです。

ご提案いただいた、楽天への改修の意見をしてみたいと思います。
ありがとうございました。