「買い物かごに入れる」ボタンの真上にバナーを差し込む方法(バージョンアップ！)

こんにちは。30歳へのカウントダウンと「くびれ」の角度が相関して反比例しているオガリア中村です。つまり太りました。

かなーり過去(私がまだ、米米CLUBが一人だと思ってた頃)にアップしたTipsで、「【楽天】「買い物かごに入れる」ボタンの真上にバナーを差し込む方法」というのがあるんですが、今見直したらやり方がイマイチモコミチで不具合も出てました。

なので内容を見直して再アップします！

設置方法

1. 画像をR-Cabinetに登録して、画像のURLを取得します。
2. 以下のCSS内、画像URLを先ほどのURLに書き換えてコピーします。
   

   <style type="text/css">
   <!--
   .floatingCartSplitButtons>.floatingCartSplitButtons:before {
    margin-top:10px;
    content: url("画像URL");
    display: block;
   }
   -->
   </style>
   

3. 上記のCSSを、商品ページの「PC用販売説明文」などへ貼り付けます。
   全商品ページへ反映させたい場合は、「ヘッダー」や「全ページ共通説明文(大)」など、全ページに表示される共通項目に貼り付けます。

　
以上で完了！超簡単になりました＼(^0^)／
　
画像にリンクをつける事はできないんですが、送料無料になる価格ラインのご案内やキャンペーン情報などをここでご案内すれば間違いなく効果的です！ぜひ試してみてくださいませー！