買い物かごショートカットバナーについて

Question

お世話になります。

最近見かける下記のような、常に右側などにリンクバナーがついて回る設定は
どのようにしたら出来ますか？

http://www.rakuten.ne.jp/gold/askashop/

Answer

ECマスターズの橋本です。

件名に記載の、

＞質問：買い物かごショートカットバナーについて

に関しては、

買い物
かごへ

というリンクのことでしょうか。
こちらであれば、こんちゃんさんのショップでも御座います。


＞最近見かける下記のような、常に右側などにリンクバナーがついて回る設定は
＞どのようにしたら出来ますか？
＞http://www.rakuten.ne.jp/gold/askashop/

上記の右側中央の固定バナーの事でしょうか。
そちらであれば、以下の方法で実装が可能です。
実装にてご不明点があれば、再度こちらにご質問いただければと思います。

===== この下の行から ================




#sidefixedbanner {
top: 0px; /* ←数字を増やして、上からの位置を調整できます */
right: 0px; /* ←左端に固定する場合は、rightをleftに変更してください */
z-index: 10;
display: block;
width: auto;
position: fixed;
}

===== この上の行まで ================
※リンク先URL、バナー画像URLは、実際のURLにご変更ください。
※リンク先を新しいウィンドウで開かせたい場合は、
　「href="リンク先URL"」の直後に「 target="_blank"」属性を追加してください。

Answer

ありがとうございます。
買い物かごは、例に挙げてみました。

たぶん、私が言っているのと同じだと思いますので、
一度試してみてご報告させて頂きます。

Answer

ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公開前に、当質問への返信として、
先行してお知らせさせていただきます。

HTMLやスタイルシートを書くことなく、
完成したHTMLをヘッダー・フッター・レフトナビに貼り付けるだけで
固定バナーを簡単に設置することができます。

オプションを詳しく設定することで、
マウスを乗せると動いたり、半透明になったり、
IDを変えることで複数設置することも可能です。

もし、新しいバナーに入れ替える機会などありましたら、
ぜひ、下記URLより「バナー設置君」をお試しいただき、
わかりづらい点やご希望などございましたら
お知らせいただければと思います。
https://manual.ec-masters.net/index.php?ecm-tools-manual-banarsetti