ＴＯＰページの画像をフルサイズで表示させるには？

Question

お世話になります。

ＴＯＰページに、実店舗の画像を入れています。
これを、左右の余白が内容に、フルサイズで表示させたいとおもうのですが、
どのようにすればいいでしょうか。

以下のページのように、今後、商品画像を大きく表示させようと思っています。
（その方が転換率がよくなるように思うのですが。。）

そうすると、右側に余白ができてしまうので、これを解消したいと思っております。
http://item.rakuten.co.jp/hyakkajiten/alpharose0293-1/

どうぞ、よろしくお願いいたします。

Answer

ECマスターズの田中です。

ページの横幅が拡がった場合、
看板用の画像だけでなく、
すぐ下のナビボタン、商品検索窓、イベント告知君、ブランドバナーも
ページによって変わる横幅に合わせて調整する必要があり、
複雑な作業が必要となります。

ライバル店舗ですと、
販売説明文に画像や説明を掲載している例が
多く見られますので、

商品画像は既存のサイズで置いておき、
販売説明文に、下記HTMLのような記述をし、
横幅いっぱいのサイズで
商品画像を並べていただくのはいかがでしょうか。



...

あるいは、商品個別の設定にて、
「商品レイアウトの設定」を「テンプレートG」に
ご設定いただきますと、
商品画像と、キャッチコピー・商品名等の部分が
一列に並びますので、
ページの横幅の拡がりを防ぐことができます。

「商品レイアウトの設定」を変更する方法は、
下記URLの店舗運営マニュアルより、
https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=rms/rs/pc/item/08.html&s=&param2=0
「手順２　 商品レイアウト、ヘッダー・フッター・レフトナビなどを設定する」を
ご参照ください。

「商品レイアウトの設定」の変更は、
商品一括編集用CSVの「商品情報レイアウト」項目に「8」を設定することで、
一括で行うことも可能です。
https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=rms/csv/rs/13.html&s=&param2=0

Answer

ご返信ありがとうございます。

とりあえず、

を、試してみました。

ＰＣ画面でどう活用するか、ちょっとまだつかめてませんが、
スマホだと、やってみようと思っていたことでした。

まずは、スマホ用に、どんどん画像を並べてみようと思います。

ありがとうございました。