スマホ用商品説明文

Question

現在登録途中の商品ページhttp://item.rakuten.co.jp/fuse-c/anemone-2ap/
の中のスマホ用商品説明文
写真をスマホの幅いっぱいに表示されるようにしたい。

★額の中身のみ交換可能です。

下記のHTMLと合体させることはできますか？

Answer

ECマスターズの田中です。

ご質問いただいた内容を確認させていただきたいのですが、
スマートフォン用商品説明文の中にある
http://www.rakuten.ne.jp/gold/fuse-c/compass/anemone-w-ap.jpg?1451041641
上記画像の下に、
http://image.rakuten.co.jp/fuse-c/cabinet/imgrc0068455563.jpg
上記画像を、画面の横幅いっぱいで表示させたい、ということでしょうか。

Answer

そうです。
商品説明文の中に　★額の中身のみ交換可能です。という文字から、中身交換画像のイメージにリンクさせるのですが、画像が小さく出るので、スマホの幅いっぱいに出るように"width="100%"を使ってできる方法を教えてください。

質問時のURLが間違っていました。下記をご確認ください。スナップ対応画面になっています。
http://item.rakuten.co.jp/fuse-c/anemone-2ap/

Answer

ECマスターズの田中です。

http://image.rakuten.co.jp/fuse-c/cabinet/imgrc0068455563.jpg
上記画像自体をスマホの幅いっぱいで表示させるには



というタグで結構なのですが、
画像の中に入っている各商品の画像は、全体の幅に対する割り合いをそのまま保ちますので、
たとえば今回の画像ですと、横8列で商品画像が並んでおりますので、
商品画像１つ１つの横幅は、どうしてもスマホの横幅の約１／８となります。

商品画像１つ１つをスマホの幅いっぱいで表示させるには、
商品画像が縦1列に並んだ画像ファイルを、別途ご用意いただき、
「」のタグで表示させてください。

なお、「額の中身のみ交換可能です」という一文と商品画像だけでは、
お客様はその後どうすれば良いかわからないと思いますので、
「詳しくはお問い合わせください」と記載していただき、
画像全体に、お問い合わせフォーム（可能であれば、交換可能な商品を集めたカテゴリページ）への
リンクを張っていただくことをオススメいたします。