• 楽天
  • Yahoo!

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

名称未設定-2

こんにちは。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^)/
 
画像にリンクをつける事はできないんですが、送料無料になる価格ラインのご案内やキャンペーン情報などをここでご案内すれば間違いなく効果的です!ぜひ試してみてくださいませー!

この記事を書いた人

中村 茉実

中村 茉実ディレクター

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

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

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

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

セキュリティチェック *

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