- 楽天
- Yahoo!
【楽天】「買い物かごに入れる」ボタンの真上にバナーを差し込む方法
2016/03/14
楽天市場商品ページの、買い物かごボタンの真上。
Yahoo!だとこの部分を編集できますが、楽天市場の場合は編集機能が用意されていません。
そこで!ちょっと無理やりですが、この絶妙なセールススペースにバナーを表示させる方法をご紹介します。
設置方法
- 画像をR-Cabinetに登録して、画像のURLを取得しておきます。
- 以下のCSSを用意します。
<style type="text/css"> <!-- span.unit { background: url("画像URL") no-repeat left top; text-indent:-9999; display: block; width: 400px; height: 100px; margin:15px 0; } --> </style>
- CSS内赤文字の項目を書換えます。
・画像URL…R-Cabinetで取得した画像のURLに書換えます。
・width,height…画像の幅(=width)、高さ(=height)へと数値を変更します。 - 上記のCSSを、商品ページの「PC用販売説明文」などへ貼り付け更新します。
※全商品ページへ反映させたい場合は、
RMSメインメニュー>デザイン設定>共通説明文(大)などへ貼り付けましょう。
こんなバナーを置いては如何でしょう
送料無料ラインの価格をご案内して、背中をもうひと押し!
決済方法についてのお得な案内などなど。
ぜひご活用くださいませ~!
オガリア中村でした。

コメント
1 件のコメント