javascriptとは？

Question

いつもお世話になっております。

楽天スマホページ上部にスライドバナーを設置したいと考えています。
以下のショップさんのようなイメージです。
https://www.rakuten.ne.jp/gold/baby-arte/sp/index.html

ECマスターズさんのデザインレシピを拝見しながら作業しようと思ったところ、
javascriptという言葉が出てきたためフリーズしてしまいました。
それが言語だというところまではわかったのですが、
どのように設定すればよいのやら。

- 現在当店のスマホトップページ上部に設置している既存のバナーをスライドにしたい
- それらバナーをどのようにすればjavascriptを使った設定にできるのかわからない

初歩的な質問で申し訳ありませんが、
javascriptとやらに書き換えられるソフトなどあるのでしたら教えてください。

Accepted Answer

ECマスターズの田中です。

> スライドバナーとその下のバナーの間に不自然な隙間ができてしまいました。原因と対処法はわかりますでしょうか。

スライドバナーを表示する枠、つまりiframeタグの高さが
スライドバナーの内容よりも高く設定されていることが原因です。

スライドバナー表示用のiframeタグに、
style="height: calc( 50vw + 50px );"
上記属性を追加していただきますようお願いします。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

JavaScriptを１から習得してスライドバナーを設置しようとすると
大変手間がかかりますので、
弊社と協業している、ECステーションのツールボックスを利用して
スライドバナーをご設置いただくことをオススメします。
https://club.ec-masters.net/index.php?ecm-ecstoolbox
クラブ会員様は、上記URLより無料でお申し込みいただけます。

ツールボックスのスライドバナー作成機能を利用すると、
RMSに設置するためのiframeタグが表示されるのですが、
iframeタグはスマートフォン用項目での設置が禁止されているため、
そのままでは設置することができません。

貼り付け用のiframeタグのタグ名の直後に
「 =""」（半角スペースを含む）を追記して、
禁止タグのチェックを回避していただくことで、設置できます。

Answer

ECマスターズクラブ
田中様

ご返答ありがとうございます。

ということは、ECステーションさんのスライドバナー作成ツールを使用すれば、
JavaScriptの設定なしでスマホのトップページにスライドバナーを設置できるのですね。
なるほど、試してみたいと思います。

試してみてまたわからないところが出てくるかもしれないので、この質問はまだクローズせずにいさせてくださいね。

Answer

ECステーション
田中様

お世話になっております。

おかげさまでスマホトップページにスライドバナー表示ができたのですが、スライドバナーとその下のバナーの間に不自然な隙間ができてしまいました。原因と対処法はわかりますでしょうか。