楽天スーパーせール「縦帯バナー」設置について

Question

お世話になります。おしえてください！
只今スーパーセール用の帯縦バナーの設置をしてるところですが、
左右の縦帯の画像をダウンロードしてRキャビネットに画像を入れ、下記のHTMLタグに画像URLを入れ、RMSからヘッダーに入れてUPしたのですが、何故か左右に表示されず、左側にのみ2つの画像が上下表示されてしまいます。
試しに、レフトナビ・フッターにも貼り付けてみましたが左側のみに表示されてしまいます。
現在TOPページのヘッダー部分はコンパスを使用して作成しているので、コンパスのヘッダー部分に入れてみたら、左右表示はされるのですが、左右がセンターよりに表示されてしまいます。
RMSからヘッダーに入れて左側に表示されてしまうのはコンパスが原因でしょうか？
知っておられる方がいらっしゃいましたら教えてください。
よろしくお願いします！



html{
background-image:url("【R-Cabinetからコピーした画像URL】");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("【R-Cabinetからコピーした画像URL】");
background-repeat:repeat-y;
background-position:right;
background-color:transparent;
}

Accepted Answer

ECマスターズの田中です。

お力添えできず申し訳ありません、
確認したところ、すでにリンク付きの縦帯バナーが設置されておりました。

元の貼り付けタグが効かなかったのは、
compassによるスタイルシート内の規則が優先して反映されたことが
原因となっておりますので、

元の貼り付けタグを利用される場合は、
body{
background-image:url("https://image.rakuten.co.jp/ripplestore/cabinet/08253075/202109ss_t300.gif");
上記1行目の body{ を
html body:not(.shops-preview) {
に差し替えて設置していただきますようお願いします。

Answer

ECマスターズの伊藤です。

> 只今スーパーセール用の帯縦バナーの設置をしてるところですが、
> 左右の縦帯の画像をダウンロードしてRキャビネットに画像を入れ、下記のHTMLタグに画像URLを入れ、RMSからヘッダーに入れてUPしたのですが、何故か左右に表示され> ず、左側にのみ2つの画像が上下表示されてしまいます。

ページのソースを拝見したところ

html{
background-image:url("URL");
background-repeat:repeat-y;
background-position:left;
}
body{
background-color:transparent;
}

と、一部ソースが足りていないようでしたので、
改めてご確認頂ますよう、お願いいたします。

Answer

ECマスターズ 伊藤様

お世話になります。
ご回答ありがとうございます。

足りない箇所を入れた下記のタグをヘッダーに入れてみて、
プレビュー画面へ進むで、確認しましたが、やはり縦バナーが左側だけに表示されてしまいます。
内容を校正していただき、正しい貼り付けタグを教えてください。
どうぞよろしくお願いいたします。


html{
background-image:url("https://image.rakuten.co.jp/ripplestore/cabinet/08253075/202109ss_t400.gif");
background-repeat:repeat-y;
background-position:left;
} 
body{
background-color:transparent;
}
body{
background-image:url("https://image.rakuten.co.jp/ripplestore/cabinet/08253075/202109ss_t300.gif");
background-repeat:repeat-y;
background-position:right;
} 
body{
background-color:transparent;
}