楽天市場のスマホ商品ページの看板バナー設置について

Question

いつもお世話になっております。

楽天市場のスマホの商品ページについてですが

上部にある店名部分を
店舗看板バナーに変更したいのですが
どのようにすればいいのでしょうか？

お手数ですが、ご返信お願いいたします。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

＞上部にある店名部分を
＞店舗看板バナーに変更したいのですが
＞どのようにすればいいのでしょうか？

最初に、下記の内容を
テキストエディタ（メモ帳など）に貼り付けていただき、
ファイル名の末尾を「.css」にして
外部CSSファイルとして保存していただき、
楽天GOLDにアップロードしてください。
===== この下の行から ============
body .shopname-info .itemtitle {
    background: url(バナーURL) no-repeat;
    height: calc( 100vw * バナーの高さ / バナーの横幅 );
    display: block;
    text-indent: -100%;
    overflow: hidden;
    background-size: contain;
    padding: 0;
}

body .shopname-info .itemtitle h1 {
    background: none;
}

body .shopname-info {
    margin-bottom: 0;
}
===== この上の行まで ============
※バナーURLは、実際のURLに置き換えてご利用ください。
※バナーの高さ、バナーの横幅は、実際の半角数字に置き換えてご利用ください。

続いて、スマートフォンページ用の共通説明文に
下記のHTMLタグを貼り付けることで、
店名部分をバナーに変更することができます。
===== この下の行から ============

===== この上の行まで ============
※CSSファイルのURLは、実際のURLにご変更ください。

Answer

田中様

早速のご返信ありがとうございます。

こちらで試してみましたが
看板バナーの下部に大きく空白が出来てしまいます。

どのようにすれば、
空白が出ずに作成できるのでしょうか？

お手数ですが、ご返信お願いいたします。

Answer

問題なく設置できました。
バナーの高さと横幅の数値を逆にしてました。

早とちりしてゴメンナサイ。

ご対応ありがとうございました。