イベント告知君（PC用）ヘッダーの設置位置について

Question

現在ヘッダーの左位置にイベント告知君を設置しております。
下記ご参照下さい。
https://www.rakuten.co.jp/tabetettei/

ヘッダーのイベント告知の右側空いている部分に何か入れる事の出来るツールは
ありませんか？
ご指導宜しくお願い致します。

Accepted Answer

ECマスターズの田中です。

PC用の設置タグをそのまま使われておりますね。
その場合、横幅が固定値になってしまい、
横にはみ出たような表示になってしまいます。

ECステーションのスライドバナー作成にて、
改めて、幅の横にある「レスポンシブ」にチェックを入れて
貼り付けソースを作成し直していただきますようお願いします。

スライドバナーを上に移動させたい場合、
たとえばパンくずリストの真下に移動させたい場合は、
下記のようにJavaScriptをご利用いただく形になります。

最初に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('iframe[src*="/ecstation/toolbox/slider_"]').insertAfter($('section.ctgTtl'));
});
= この上の行まで ====================

次に、下記内容を
スマートフォン用のカテゴリページ共通説明文に挿入していただくことで
実現することができます。

= この下の行から ====================

= この上の行まで ====================
※外部JSファイルのURLは、実際のURLに置き換えてご利用ください。

Answer

ECマスターズの田中です。

> ヘッダーのイベント告知の右側空いている部分に何か入れる事の出来るツールは 
> ありませんか？ 

ツールではございませんが、
タグを利用して、横２列の表として扱うことで
イベント告知君の右側に要素を表示することができるようになります。

たとえば、下記のような構造になります。




イベント告知君設置用タグ


右側に表示したい内容のタグ




※イベント告知君設置用タグ、右側に表示したい内容のタグは
　実際のHTMLに変更してご利用ください。

masさんのショップの場合、
イベント告知君の右側は520px程度空いており、
イベント告知君の高さは75pxとなっておりますので、
横幅520px・高さ75px程度で表示するバナーなどを
ご用意いただきますようお願いします。

Answer

ECマスターズ
田中様

この度はご回答いただきましてありがとうございます。

>masさんのショップの場合、
>イベント告知君の右側は520px程度空いており、
>イベント告知君の高さは75pxとなっておりますので、
>横幅520px・高さ75px程度で表示するバナーなどを
>ご用意いただきますようお願いします。
【ご質問】
上記どのようなバナーを設置したら宜しいでしょうか？
アドバイス頂きたく宜しくお願い致します。

Answer

ECマスターズの田中です。

> どのようなバナーを設置したら宜しいでしょうか？
他のバナー同様、目立たせたい商品を並べるのもいいと思いますし、
ランキング上位のライバル店に、目を引くバナーがございましたら
同様のバナーを設置していただくのも良いと思います。

そのようにご検討いただいた結果、
複数のバナーを設置したい、となった場合は、
ECステーションのツールボックスに含まれる
「スライドバナー作成」を利用して、
イベント告知君のように、自動でスライドするバナーを
設置していただくこともご検討いただければと思います。
http://www.intecrece.co.jp/ec/toolbox/index.html#a04

Answer

ECマスターズ
田中様

この度はアドバイス頂きまして、
ありがとうございます。

早速検討してまいりますので、
今後とも宜しくお願い致します。

Answer

ECマスターズ
田中様

スライドバナーをアドバイスいただきました内容で告知君の右脇に設置できました。
ありがとうございます。

ご質問があります。
スライドバナーをスマホにも設置する場合、どこに設置すれば宜しいのでしょうか？
アドバイス宜しくお願い致します。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

R-Storefrontの「2 デザイン設定」→「２スマートフォン デザイン設定」に含まれる
各説明文にご設置ください。
商品ページ・カテゴリページの場合、全ページ共通で設置することができます。

なお、スライドバナー設置用のiframeタグは、
RMSにてスマートフォン用項目での使用を禁止されておりますので、
禁止かどうかのチェックを回避するため、
開始・終了各タグのタグ名の後ろに「 =""」（半角スペース含む）を追記してください。
つまり、下記のような形式になります。

Answer

ECマスターズ
田中様
いつもお世話になっております。
ご丁寧なご指導いつもありがとうございます。
とても心強いです。

早速カテゴリ共通ページに設定してみました。
かなり下部に表示されております。
いかがでしょうか？

ご指導宜しくお願い致します。

Answer

ECマスターズ
田中様

この度はお世話になっております。
上記ご指導いただきまして、
カテゴリページトップに設置することができました。

ありがとうございます。
いつも親切で分かりやすいご説明をいただきまして、
感謝しております。
今後とも宜しくお願い致します。