拡張機能のスマホビュー

Question

先日、スマホで弊社商品を確認したところ、スマートフォン用商品説明文の画像が全て縦半分の表示になっておりました。

PCの拡張機能のスマホビューでは、正常に表示されているので気が付きませんでした。

もう一度商品ページを作り直せば良いのですが、
拡張機能のスマホビューと実際のスマホでの表示が違っているのが気になり、原因を知りたいです。

拡張機能表示とスマホ画像を添付します。
この１商品のみの現象です。

よろしくお願いします。###HR######IMG0c3e6f205a73fdb5de46f7595174995ed.pngIMG0### ###IMG15d8141f458934834aae85dbc613c93f0.jpegIMG1###

Answer

ECマスターズの中野です。

お世話になっております。

該当商品をスマートフォンにて、ブラウザ、楽天市場アプリ両方でで拝見しましたが、
どちらも正常に表示されておりました。

その為、いただいたご質問につきまして確認させていただければと思いますが、
２枚目に添付いただいた画像（縦半分の表示となっているもの）は、
楽天市場アプリで閲覧された画像でしょうか。
それともブラウザ（safari、google Chromeなど）で閲覧された画像でしょうか。

Answer

中野様

いつもお世話になっております。

楽天アプリからも正常でしたか。
２枚目画像は、スマホの楽天アプリからです。
因みにスマホでブラウザからの閲覧は正常でした。

私のスマホの楽天アプリがおかしいのでしょうか。
他の商品は正常で、該当商品のみが縦半分になっております。

他のスマホの閲覧が正常であれば、そのままにしておきますが。

よろしくお願いいたします。

Answer

ECマスターズの中野です。

> スプさん

ご返信ありがとうございます。
商品画像を拝見しておりましたが、スマートフォン商品説明文は
スプさんのおっしゃる通りの表示になっておりました。
大変失礼いたしました。

横幅の設定は問題なさそうですが他の原因が考えられるようでして、
担当よりお調べして週明けご連絡させていただきます。

お時間いただき申し訳ございませんが
お待ちくださいますようよろしくお願いいたします。

Answer

ECマスターズの三輪です。

> 私のスマホの楽天アプリがおかしいのでしょうか。
> 他の商品は正常で、該当商品のみが縦半分になっております。

楽天アプリには、問題はないと思われます。

画像が切れているとされる箇所は
タグがwidth属性がないまま埋め込まれておりましたので、
画像自体の幅のまま表示され、はみ出している可能性がございます。

まずは一度、スマートフォン用商品説明文内のタグ全てに、

のように、「width="100%"」属性を追加していただき、
表示をご確認いただきますようお願いします。

Answer

三輪様

お世話になっております。
一部のタグに「width="100%"」属性が漏れておりました。
楽天アプリでも正常に表示が出来ました。
ありがとうございました。