縦帯バナーについて/楽天市場

Question

弊社は、ECステーションの「ページクリエイター→カスタムページ」でPC・スマホ共にTOPページをGOLDで使用しているのですが、縦帯バナーを左右両端に貼る方法を詳しく教えていただきたいです。
PC用商品ページは、RMSヘッダーへ貼り付けで表示できたのですが、
PC用TOPページ・スマホ用TOPページ・スマホ用商品ページでは不可能という認識で良いでしょうか？

Answer

ECマスターズの田中です。

PC用トップページは、
すでに表示いただけていることを確認しました。
ですが、バナーのリンク先が
ここに特集ページへのリンクURLを入れる
という日本語のままとなっており、リンクとして動作しておりませんので、
このまま利用される場合はリンク先を修正願います。

スマホ用トップページでも、
同様にindex_sp.htmlを編集することで設置可能ですが、
横幅が狭く、基本的にコンテンツが横幅全体を利用している
スマホ用ページの中に挿入されますと、
既存のコンテンツと重なる部分が多く、
ページの表示が乱れる可能性が高いことを予めお含みおき願います。

それでも同じソースで設置される際は、
狭い横幅でも表示されるように

/*1200px以下になったら消える*/
@media screen and (max-width: 1200px) {
#leftobi {
visibility: hidden;
}
}

および

/*1200px以下になったら消える*/
@media screen and (max-width: 1200px) {
#rightobi {
visibility: hidden;
}
}

以上2箇所のソースを削除していただきますようお願いします。

スマホ用商品ページでは、
残念ながらスタイルシートが使えないため、
不可能となっております。

Answer

ECマスターズの田中です。

PC用トップページに設置されているタグを


html{
background:
url("https://image.rakuten.co.jp/yamatown/cabinet/e/kikanngenntei/202109ss_t2435.gif") repeat-y top left,
url("https://image.rakuten.co.jp/yamatown/cabinet/e/kikanngenntei/202109ss_t2435.gif") repeat-y top right;
}


上記タグに差し替えていただくことで、
リンク先や高さの調整を行うことなく、縦帯バナーをご設置いただけますので、
お試しいただきますようお願いします。