【コピペで簡単！】楽天の店舗ページに縦バナーを設置する方法

こんばんは！社員Aです。

みなさん、もう今日から9月ですね🍇🍁

といってもこの暑さはいつまで続くんでしょうか…? 体力レベルが☆1（もはやマイナス）の私にとっては地獄です。日傘を指してみたり、化粧水を夏用のものに変えてみたり細々と工夫してみたのですが、日本が暑すぎるので解決に至りません！（笑）

切実に、はやく涼しくなって欲しいです。

みなさんも引き続きからだにはご自愛くださいませ…！

さて本日は、楽天でよく見かける店舗ページに縦バナーを設置する方法を紹介していきます。

これを設置するだけで一気に賑わい感を演出することができます。

コピペだけで簡単に実装できるのでぜひお試しください！

縦バナーを作成し、R-Cabinetにアップ

まずは予め縦バナーを作成し、R-cabinetにアップしておきます。

私のおすすめのサイズは（縦）100px （横）1000px　です！

そして、R-cabinetにアップできる縦幅の最大値は1200pxになりますので、なるべくそれ以内に収まるように作成しましょう！

もし縦幅が1200px以上の縦バナーを反映させたいときは、楽天goldにアップロードすることで対応できます！

ヘッダー・サイド・レフトナビにアクセスしてコードを追加

店舗設定＞デザイン設定＞ヘッダー・フッター・レフトナビ へと進みます。

ヘッダー・フッター・レフトナビの編集画面が表示されましたら、どこでも良いですが、一番上に下記コードをコピペしてください。

<style>
.body{
    background-image: url(左側縦バナーの画像URL),url(右側縦バナーの画像URL);
    background-repeat: repeat-y;
    background-position: left, right;
}
</style>

そして、先程R-cabinetもしくはgoldにアップした画像URLをそれぞれ上記コードの「左側縦バナーの画像URL」「右側縦バナーの画像URL」の部分に入力します。

そうすることで、店舗の左右に縦バナーが反映されます！とっても簡単に賑わい感が出せます。

縦バナーを非表示にしたいときは？

イベントやポイント○倍などの独自ポイント企画が終わり、縦バナーを非表示にしたいときがあるかと思います。

その場合は先程のコードはそのまま残したままで、下記部分をカッコだけにしておくことで、表示されません。

background-image: url(),url();

また縦バナーを反映したいときに、カッコ内に画像URLを入力することで反映できます！

【関連記事】

ゆにメモ

【コピペで簡単！】楽天で追従バナーを掲載する方法

https://blog.universe-web.jp/475

こんばんは。社員Aです👩毎日ブログ更新を目指して、仕事が終わったあとは必ず次の日のブログ記事を予約投稿するようにしています！この前、なんとなく社長に「このブログでうまいこと収益が出たらどうしますか？」って聞いてみたんですが、「社員旅行グレードアップする」「それか事務所を移転しようかぁ」なんて言っていました。あわよくば博多駅の一等地（LI○Eとかが入っている某ビル）とかでお仕事してみたいです。（モチベーションが上がりそうなので）さて、本日は楽天で追従バナーを掲載する方法をご紹介します。楽天シ...

ゆにメモ

 

1 Tweet

【対応が必要!?】楽天商品画像登録ガイドラインが改定【いつから減点？】

https://blog.universe-web.jp/175

こんばんは！最近ナス味噌炒めにハマり、お家でいかに美味しく作れるかを日夜研究している社員Aです👩最初に生姜とにんにくで豚肉を炒めることでかなり深い味わいになることが分かりました！🍆✨さて、本日は最近変更された「楽天商品画像登録ガイドライン」についてお話していこうと思います。これは楽天でショップ運営されている方をターゲットにしたお話です。 商品画像登録ガイドライン改定の目的2018年7月19日（木）に楽天から「商品画像登録ガイドラインの遵守必須化に伴う改定」についての案内があり...