商品ページにフルスクリーンの背景を指定する方法

Question

参考SHOPさんのように商品ページを100%にして背景にカラーや画像を指定したいと考えております。
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
その場合どのようにカスタマイズをすればうまくいくでしょうか？

ご教授お願いします。

Accepted Answer

ECマスターズの伊藤です。> 背景の色を指定する方法はどのようにやりますか？ご回答が漏れており、失礼いたしました。divタグに、CSSで背景の指定をお願いします。

background-image:url(画像URL);→背景画像background-size:cover;→背景画像を領域いっぱいに表示background-color:#000000;→背景色 #000000は真っ黒になります。カラーコード表http://www.netyasun.com/home/color.html不要な指定は削除をお願いいたします。

Answer

ECマスターズの伊藤です。いただいたご質問ですが、確認いたしますので、恐れ入りますが、ご回答まで今しばらくお待ちくださいますようお願いいたします。

Answer

ECマスターズの伊藤です。> 参考SHOPさんのように商品ページを100%にして背景にカラーや画像を指定したいと考えております。> https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/> その場合どのようにカスタマイズをすればうまくいくでしょうか？楽天は、tableを使用して、表示する枠をレイアウトしていますので、そのtableタグを無理やり閉じることで、ページ全体の構造を変更して、横幅いっぱいに表示するようにしています。特殊な方法となりますので、必ずバックアップをとっていただき、ページが崩れてしまった際に、修正できるようにご対応をお願いいたします。テンプレートAをなど、PC用販売説明文がページ上部に表示されるテンプレートを選択し、以下をPC用販売説明文にご登録ください。

ここに画像などのコンテンツを登録

Answer

ありがとうございます。背景の色を指定する方法はどのようにやりますか？

商品ページにフルスクリーンの背景を指定する方法

カテゴリーから探す