yahooスマホ商品ページの画像サイズ

Question

毎々お世話になります。天然水とオリーブオイルTAKAKUMAです。yahooのスマホ商品ページの作成にあたり、画像サイズをsrc="URL" width="100%"にして作成しましたが、ストアエディタエディタ＞ページ編集＞（スマートフォン版でプレビューの下の）「スマートフォン版」並びにスマホ比較君で確認しましたところ、画像がはみ出てしまいます。Yahoo　SP商品ページ作成に際しての画像推奨サイズ（width=）はありますでしょうか。余り難しい事は判りませんが、宜しくお願い申し上げます。https://editor3.store.yahoo.co.jp/RT/takakuma01/PageEdit/makePreview?page_key=w-t2-6&device=sp&c=EGD1tCNI.SvhB8705jZOyQ--

Answer

ECマスターズの田中です。Yahooのスマホ商品ページでは、タグにて「width=device-width」、つまり、機種の横幅に合わせてページの横幅が変わる設定になっておりますので、width="100%" でご設定いただければ最善なのですが、実際にご設定いただいた際、どのような表示になりますでしょうか。いただいたURLでは、KAZIさんのショップのストアクリエイターProにログインしないと閲覧することができませんので、私でも確認できるように、いずれかの商品ページ（既存のページを複製したダミーのページでも結構です）に「src="URL" width="100%"」で設定したタグを貼り付けていただき、貼り付けたページのURLをお知らせいただけますでしょうか。ショップURLの部分は、伏せていただいて構いません。フォーラムにてお知らせいただき辛い場合は、リクエストフォームよりお知らせください。

Answer

早速のご回答有難うございます。誠に申し訳有りませんが、私にはPCの知識が余りありませんので、「いずれかの商品ページ（既存のページを複製したダミーのページでも結構です）に「src="URL" width="100%"」で設定した<img>タグを貼り付けていただき、貼り付けたページのURLをお知らせいただけますでしょうか。」の意味が良くわかりません。ご多忙の折、誠に恐縮ですが、初心者向けに"手取り足取り”御教授堪れば幸甚です。勝手なお願いですが、どうぞ宜しくお願い申し上げます。

Answer

ECマスターズの田中です。いただいたURLを確認したところ、商品を特定することができ、また原因も判明いたしました。「g-005.jpg」を表示するためのタグにて、width="100%"ではなくwidth="”100%”"　もしくは　width=”100%”と、記載されておりました。見づらいですが、"とは少し違う記号が使われた結果、横幅の指定がされず、本来の横幅で表示され、商品説明全体の横幅を拡げておりました。ストアクリエイターPro トップメニュー→商品・画像・在庫→商品管理→レフトナビの「商品検索」にて「w-t2-6」を検索→検索結果の商品名をクリック→商品情報に含まれている

を

に、つまり、width="100%"の部分だけを置き換えていただいた上で、通常の商品ページ編集時と同様に、保存および反映をお願いいたします。（上記タグに含まれる伏せ字の部分は、修正しないようお願いします）

Answer

田中様有り難うございました。将に”目からウロコ”でした。お忙しい中、時間をかけて検証して頂きまして誠に有り難うございます。心より厚く御礼申し上げます。尚、スマホ比較君は楽天市場でのツールとしてのみ掲載されていますので、ここにYahooのURLをペーストしても正確には反映されないと理解して宜しいのでしょうか。

Answer

ECマスターズの田中です。無事解決できて何よりです。＞尚、スマホ比較君は楽天市場でのツールとしてのみ掲載されていますので、ここにYahooのURLをペーストしても正確には反映されないと理解して宜しいのでしょうか。Yahoo!の場合、厳密には、現在閲覧しているデバイスの種類ではなくクッキーによってPC・スマホを切り替えており、スマホ比較君の機能ではその切替は行われないため、仰るとおり、正確に反映されないとご理解いただければ結構です。

Answer

重ね重ね有り難うございました。御礼申し上げます。

yahooスマホ商品ページの画像サイズ

カテゴリーから探す