• 文字サイズ


解決済

ECステーション様のスライドバナーの機能をスマホ用に流用したい

  • 相談者:非公開
  • 2017/03/01 14:42
お世話になります。
以前よりご紹介頂いておりますECマスターズクラブ会員専用ツールにある
ECステーション様のスライドバナーを試しています。

PCページ用であれば特に問題なく機能するかとは思うのですが
そのツールで生成出来たiframe用のHTMLファイルを流用して
スマホ用のスライドバナー等に使用したいと考えております。
そういう事は可能なのでしょうか。
(RMSのバグを突いて「商品ページ 共通パーツ設定」の「商品ページ共通説明文」に入れたいです)

自分で試してみたところ、iframeのwidthを100%にするのではなく
ピクセルを指定すればぱっと見では動いてる様にみえるのですが
iphoneではなくipadや他のアンドロイド端末でみた場合や
iphoneでも縦向きではなく横向きにした場合に画像が画面に入り切らなかったりと
そのまま流用するのは辛いのでなんとか出来ればと考えております。

尚、スライドバナーでの元画像は600×600ピクセルのものを

<iframe                                                                  src="【スライドバナーのURL】" width="380" height="420" frameborder="0" scrolling="no"></iframe  >

と言った感じの力技で一見大丈夫そうに誤魔化してます。
最終的にはスマホの画面に応じて画面幅100%で表示出来れば…と考えております。

また、スライドバナーをスマホで使うのであれば適正な画面サイズも教えて頂けますと幸いです
(現状は商品の1ヶ目の画像をリサイズ無しの600×600pxでそのままECステーションの素材に登録しています)
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2017/03/01 16:52
ECマスターズの田中です。

>スマホの画面に応じて画面幅100%で表示出来れば…

ECステーションの「スライドバナー」にて、
「幅」の横にある「レ………(省略)………
  • 返信者:非公開(質問者)
  • 2017/03/02 14:42
ご回答ありがとうございました。
ですが、幅の横にあるレスポンシブにチェックを入れましたがレイアウトが崩れてしまいました
(画像が左寄せで表示されて右に余白が………(省略)………
  • 返信者:非公開
  • 2017/03/02 18:27
ECマスターズの田中です。

>幅の横にあるレスポンシブにチェックを入れましたがレイアウトが崩れてしまいました
>(画像が左寄せで表示されて右に余白が出来………(省略)………
  • 返信者:非公開(質問者)
  • 2017/03/03 10:28
ご回答ありがとうございました。

ただ、これで対応すると
実装したページに遷移した段階では縦横画面サイズ関わらずWidth100%で表示出来るのですが
………(省略)………
  • 返信者:非公開
  • 2017/03/03 20:07
ECマスターズの田中です。

動作を確認したところ、
再読込を繰り返す度に大きくなったり、元のサイズに戻ったりするようです。

スライドバナーの仕組み………(省略)………
  • 返信者:非公開(質問者)
  • 2017/03/04 10:32
ご回答ありがとうございました。
元々は本来の使い方ではなかったので
PCページ用と割り切って利用するよう致します。

slickについてもご案内ありがと………(省略)………
このフォーラムへの質問は終了しました