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

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=¶m2=0「手順２　商品レイアウト、ヘッダー・フッター・レフトナビなどを設定する」をご参照ください。「商品レイアウトの設定」の変更は、商品一括編集用CSVの「商品情報レイアウト」項目に「8」を設定することで、一括で行うことも可能です。https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=rms/csv/rs/13.html&s=¶m2=0

Answer

ご返信ありがとうございます。とりあえず、

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

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

カテゴリーから探す