• 楽天
  • Yahoo!

【楽天】「買い物かごに入れる」ボタンの真上にバナーを差し込む方法

楽天ページ「買い物かごに入れる」ボタンの真上にバナーを差し込む方法

楽天市場商品ページの、買い物かごボタンの真上。
Yahoo!だとこの部分を編集できますが、楽天市場の場合は編集機能が用意されていません。

そこで!ちょっと無理やりですが、この絶妙なセールススペースにバナーを表示させる方法をご紹介します。

設置方法

  1. 画像をR-Cabinetに登録して、画像のURLを取得しておきます。
  2. 以下の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>
  3. CSS内赤文字の項目を書換えます。
    ・画像URL…R-Cabinetで取得した画像のURLに書換えます。
    ・width,height…画像の幅(=width)、高さ(=height)へと数値を変更します。
  4. 上記のCSSを、商品ページの「PC用販売説明文」などへ貼り付け更新します。

    ※全商品ページへ反映させたい場合は、
    RMSメインメニュー>デザイン設定>共通説明文(大)などへ貼り付けましょう。

こんなバナーを置いては如何でしょう

送料無料ラインの価格をご案内して、背中をもうひと押し!

送料無料ラインの価格をご案内して、背中をもうひと押し!

決済方法についてのお得な案内

決済方法についてのお得な案内などなど。

ぜひご活用くださいませ~!
オガリア中村でした。

この記事を書いた人

中村 茉実

中村 茉実ディレクター

元楽天ショップ店長やってました。歩くときに他人との距離感が掴めないところがあり、よくオジサンのかかとを踏んでしまいます。

この記事のあとによく読まれています!

繁盛レシピの人気記事3選!

コメント

1 件のコメント

コメントはお気軽にどうぞ

セキュリティチェック *

内容をご確認の上、送信してください。