- 楽天
- Yahoo!
「買い物かごに入れる」ボタンの真上にバナーを差し込む方法(バージョンアップ!)
2016/07/20

こんにちは。30歳へのカウントダウンと「くびれ」の角度が相関して反比例しているオガリア中村です。つまり太りました。
かなーり過去(私がまだ、米米CLUBが一人だと思ってた頃)にアップしたTipsで、「【楽天】「買い物かごに入れる」ボタンの真上にバナーを差し込む方法」というのがあるんですが、今見直したらやり方がイマイチモコミチで不具合も出てました。
なので内容を見直して再アップします!
設置方法
- 画像をR-Cabinetに登録して、画像のURLを取得します。
- 以下のCSS内、画像URLを先ほどのURLに書き換えてコピーします。
<style type="text/css"> <!-- .floatingCartSplitButtons>.floatingCartSplitButtons:before { margin-top:10px; content: url("画像URL"); display: block; } --> </style>
- 上記のCSSを、商品ページの「PC用販売説明文」などへ貼り付けます。
全商品ページへ反映させたい場合は、「ヘッダー」や「全ページ共通説明文(大)」など、全ページに表示される共通項目に貼り付けます。
以上で完了!超簡単になりました\(^0^)/
画像にリンクをつける事はできないんですが、送料無料になる価格ラインのご案内やキャンペーン情報などをここでご案内すれば間違いなく効果的です!ぜひ試してみてくださいませー!

コメント
3 件のコメント
使いたいんだけど・・・・。
うまくいきません。ヘッダーにHTMLの文字が・・・。
修正よろしくお願いします!
> CRESSさま
記事のご活用ありがとうございます!
修正について承知致しました。
貼って頂いているHTMLの内容を頂戴してもよろしいでしょうか…?
(コメントに貼るとテキストとして送信できない可能性がありますので、その際には ogaria@ogaland.com までメール頂戴できますと幸いです^^ )
ogaria@ogaland.com
に、メールしました。