出荷日バナーの固定表示(PC) Yahoo!ショッピング(楽天兼用)バージョン


Yahoo!ショッピングではスタイルシートはインラインという
記述方法でないとだめなので楽天向けに作成したスタイルシートを
インライン形式になおしました。
(以下は楽天でもYahoo!でも使えます。)


1)以下の<!--▽出荷日バナー-->から<!--△出荷日バナー-->までを選択してコピー


<!--▽出荷日バナー-->

<div style="
position: fixed;
top: 200px;/*画面上部からの距離をピクセル数で指定*/
width: 180px;/*出荷日バナーのソースのwidthと同じ*/
height: 98px;/*出荷日バナーのソースのheightと同じ*/
right:0px;
display:block;">

<!--↓↓↓この下にソース貼り付け↓↓↓-->




</div>
<!--△出荷日バナー-->




2)モールに貼り付ける

楽天:レフトナビ(又はヘッダーかフッターでも可)に貼り付ける

ヤフー:デザイン設定のヘッダー・看板(又はサイドナビかフッター)の「フリースペース」に貼り付ける




3)出荷日バナーのHTMLソースを「この下にソース貼り付け」の下に貼り付ける

補足:
※widthとheightは出荷日バナーと同じサイズにしてください。
 違うサイズだと飛び出したり、表示が切れたりします。

※top: 200px;の数値を変えるとブラウザ一番上からの距離を変えられます。
 上部メニューに隠れない程度の数値を入れましょう。
 (目安は楽天は130px、ヤフーは200px)





関連:
出荷日バナー設定
FTP転送がうまくできない(FAQ)


以上になります。


※RMS側に記述するCSSなど含むもので
 ECステーションサービスとしては正式サポート外となります。
(なにかあれば企画部あてご連絡ください)




PAGE TOP