フローティングバナーについて

Question

お世話になっております。
フローティングバナーをこの様に表示させたいのですが、商品画像に被ってしまいます。どこを調整したらよいですか？
宜しくお願い致します。###HR######IMG0f971a375cb2db65c805750da9d40a0f8.jpegIMG0###

Answer

ECマスターズの山岡です。

お調べいたしますので、実際にフローティングバナーを
設置したURLをご連絡いただけますでしょうか？

Answer

ECマスターズの田中です。

実際の商品ページを拝見したところ、
クーポンバナーのみが表示されておりましたので、
これに加えて、お買い物マラソンのバナーを表示させたい、
ということですね。

クーポンバナーの表示部分は、
ページの上端から205pxの位置に表示するように設置されており、
また、商品名の表示部分の高さを高くし、クーポンバナー表示用の空白を別途作ることで
実際の表示が行われております。

つまり、表示用の余白と表示部分が別々の処理で行われているため、
表示部分の高さがふえたら、その分余白を広げていただく必要があります。

商品ページ共通説明文で読み込んでいるsphead.cssの、
#shopName に対するheightの値を
追加したバナーの分だけ増やしていただくことで、
商品画像にかぶらないよう調整していただくことができます。

Answer

ありがとうございます
やってみます！