Yahoo!でフローティングバナーの設定方法

Question

お世話になっています。

表題の件について質問します。

現在、楽天では、ヘッダー部分にcss等を入れてPC画面の左右にフローティングバナー（画面をスクロールしても動かないバナー）を設置しています。

同様のことをYahoo!でもしたいのですが可能でしょうか。

ご教授のほどよろしくお願い致します。

Answer

ECマスターズの田中です。

＞同様のことをYahoo!でもしたいのですが可能でしょうか。
可能ですが、方法を変える必要があります。

Yahoo!ショッピングのPC用ページでは、
タグの入力が認められておりませんが、
各タグのstyle属性は認められておりますので、

今までタグの中で記載していた規則を、
直接style属性の中にご記載いただければ結構です。

例）
楽天の場合：

#tab { width: 60px; height: 300px; }


↓
Yahoo!ショッピングの場合：


なお、この方法の場合、マウスカーソルを載せた時の規則が記載できないため、
たとえばカーソルを載せると飛び出す、といった動作をさせることはできません。

または、Yahoo!トリプルにご契約いただいている場合は、
タグの内容を全てCSSファイルにご記載いただいた上で、
タグを利用して読み込む、という方法もあります。
この方法の場合は、楽天同様、マウスカーソルを載せた時の規則も記載可能です。

例）
楽天の場合：

#tab { width: 60px; height: 300px; }


↓
Yahoo!ショッピングの場合：
#tab { width: 60px; height: 300px; }
と書いた「style.css」をトリプルに保存して、

Answer

田中　様

ありがとうございます。

トリプルを契約しているので、CSSファイルを使った方法で試してみようと思います。
また設置のときに分からないことが出てきたら質問させて頂きます。