【商品ページ】 楽天市場アプリで画像が大きく表示されています

画像自体に横幅100%の指定をされていない可能性がございます。

こちらの現象は、商品の特長をしっかりモードにてお作りいただいている際に発生することを確認しております。

問題の現象

楽天市場アプリで商品の説明箇所を表示した際、掲載画像の横幅がはみ出てしまう問題。
(左がWebで見た際、右が楽天市場アプリで見た際)

ご協力ショップ様:似顔絵カムカム様

原因について

楽天市場アプリ側の仕様

恐れ入りますが、楽天市場アプリ側の仕様にて、スマホ商品説明箇所に画像を設定する際、[width=”100%”] を指定されておりません場合、大きく表示されることが確認されています。

※ビーノに限らず、全てのツール等にて発生する問題です

ご対応方法

全画像に横幅100%を付与する

ビーノでは簡単に横幅100%の指定をできる方法をご用意しておりますため、ぜひお試しくださいませ。

ビーノ商品登録画面での設定方法

1. 商品の特長(スマホ)で「商品の特長(PC)の内容をそのまま使う」のチェックを外す

チェックを外すと自動的に「スマホ用情報を個別に編集」へチェックが入ります。

2. 編集エディタ右上の「全画像にwidth:100%を付与」をクリックする

確認画面が表示されますので「はい」をクリックして完了です。

上記ご対応をいただきますことで、楽天市場アプリで見た場合も画像がはみ出ることなく表示することができます!

⚠ご注意事項

次回以降のご編集について

これまで「商品の特長(スマホ)」では「商品の特長(PC)の内容をそのまま使う」にチェックを入れていただいておりましたが、次回以降は「スマホ用情報を個別に編集」にチェックが入った状態となります。

そのため、PC・スマホそれぞれでご編集が必要になりますのでご注意ください。

なお、「商品の特長(スマホ)」では「商品の特長(PC)の内容を取り込み」といったボタンをご用意しております。

こちらをクリックすると、「商品の特長(PC)」でご編集された内容を自動で読み込みますため、ぜひご活用ください!

また、「商品の特長(PC)」の内容を取り込み後、「全画像にwidth:100%を付与」のクリックをお忘れないようにお願いいたします。

まとめ

今回は、楽天アプリだと商品ページの説明画像(商品画像は問題なし)が崩れてしまう問題を解決できるように横幅の指定方法を解説しました。

記事を見て、こういった問題があることを初めて知った方もいるかと思います。

一度スマホの楽天アプリトップから商品ページを確認してみてはいかがでしょうか。

 

関連キーワード
楽天アプリ不具合 スマホページ スマホ商品ページ 画像大きい はみ出る 切れている 拡大

この記事について評価をお願いいたします
  • 役に立った (1)
  • わかりにくい (1)
  • 必要な情報がなかった (1)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例