スマホページのファーストビューにバナーを設置する方法

Question

ECマスターズのスマホページのファーストビューにバナーを設置する方法を見てやってみましたがどうしても画像が中央に寄りませんが何故？





またスライドバナーのサイズを指定せずにスマホサイズに合わせて100％ワイドになる方法はありませんか？

ちなみにこのスライドバナーアプリでは表示されませんか？

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。


> ECマスターズのスマホページのファーストビューにバナーを設置する方法を見てやってみましたがどうしても画像が中央に寄りませんが何故？

この方法では
「iframeBeforeクラスのついた要素を上に移動する」
という処理を行っているため、
の中身だけが移動してしまうのが原因です。

class="iframeBefore"
を追記していただいたのと同じ要領で、同じiframeタグに
style="display:block;margin:0 auto;"
を追記していただきますようお願いします。
およびは削除していただいて結構です。


> またスライドバナーのサイズを指定せずにスマホサイズに合わせて100％ワイドになる方法はありませんか？

はい、ございます。
スライドバナーを作成される際、「レスポンシブ」を有効にしていただくことで、
横幅１００％の設置用タグを作成することができます。

なお、現在スライドバナーに設置されている画像は、
スマートフォンに合わせようとしてサイズがかなり小さくなっております。

https://forum.ec-masters.net/post_view.php?id=7991
上記質問の１つ目の返答にて詳しく説明しておりますが、
ほぼPC向けのサイズの画像が、スマートフォンで綺麗に見える仕組みになっておりますので、
PC用の画像がございましたら、そのままご設置いただくことをオススメします。


> ちなみにこのスライドバナーアプリでは表示されませんか？

はい、アプリでは商品ページ用共通説明文が読み込まれないため、
表示されません。

Answer

田中様いつもありがとうございます。

【class="iframeBefore"
を追記していただいたのと同じ要領で、同じiframeタグに
style="display:block;margin:0 auto;"
を追記していただきますようお願いします。
およびは削除していただいて結構です。】


すみません追記？ほぼほぼ素人の私です。
申し訳ございません具体的に↓どう追記すればいいのでしょうか？↓






大変ご面倒おかけいたします。

Answer

ECマスターズの田中です。

いただいたタグの中に含まれる



に対して、



このように追記していただきますようお願いします。

Answer

ありがとうございます！
横幅は100％で大丈夫ですが、縦は任意の数字を入れる必要がありますか？
縦も自動にはできませんか？

何度もすみませんお願いいたします。

Answer

ECマスターズの田中です。

> 縦も自動にはできませんか？

たとえば、スタイルシートを利用する形式で、先程のタグの
style="display:block;margin:0 auto;"
に
style="display:block;margin:0 auto;height:50vw;"
のような形で高さを追記していただくことで、
画面の横幅を基準に、高さをご設定いただくことができますので、

まずは上記の形でご設置の上、
必要に応じて数字を増減させてお試しいただきますようお願いします。

Answer

ありがとうございました！
やってみます。