PCヘッダー部分のフローティングバナーについて

Question

お世話になります。

いつのまにかヘッダーにフローティング仕様の楽天内検索窓が設置されてあり、
この部分にCSSで楽天の自店舗内検索窓をフローティングで設置できないものでしょうか？

宜しくお願い致します。

Answer

ECマスターズの田中です。

ソースを確認したのですが、
楽天によって記載されたコードを上書きすることが
難しい状態となっておりました。

もし、他のショップで、
ご希望通りに、ショップ内検索を実現されているショップがありましたら
私にてソースを解析し、方法をお知らせいたしますので、
見つかり次第お知らせいただけますでしょうか。
よろしくお願いいたします。

Answer

わかりました！

Answer

さっそくですが、
こちらのショップ様などいかがでしょうか？

http://item.rakuten.co.jp/auc-ruirue/u405/

Answer

ECマスターズの田中です。

こちらの店舗の場合、
http://www.rakuten.ne.jp/gold/auc-ruirue/header/topbar/topbar.html
上記URLのように、
楽天標準より大きい固定ヘッダーを、上に重ねて表示させております。

下記のHTMLタグを、
ヘッダー・フッター・レフトナビ、または共通説明文（大）に
挿入していただくことで、
楽天標準の固定ヘッダーの上に重ねて、
自社作成の固定ヘッダーを設置することができます。

===== この下の行から ============


div.pcfloatheader {
    z-index: 9999999999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: ヘッダー用HTMLの高さpx;
}





===== この上の行まで ============
※ヘッダー用HTMLのURL・ヘッダー用HTMLの高さは、実際のURL・数値に書き換えてご利用ください。