メニュー
MENU
こんにちは、
ゲスト
さん
トップ
会員サイト
新着質問
新着回答
人気の質問
解決済
受付中
未回答
質問・返信の一覧
お気に入り
ニックネーム変更
E-mailアドレス変更
パスワード変更
ECマスターズ ツール
ログイン
TOP
ECステーション様のスライドバナーの機能をスマホ用に流用したい
文字サイズ
変更
小
中
大
解決済
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ステーションの素材に登録しています)
キーワード:
楽天市場
、
スライドバナー
、
スマートフォン
、
スマホページ
、
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についてもご案内ありがと………(省略)………
このフォーラムへの質問は終了しました
このテーマに関連する質問をする
別のテーマで新規に質問する
質問を検索する
すべて
初心者・はじめて
楽天市場
Yahoo!ショッピング
Amazon.co.jp
Qoo10
au PAY マーケット
LINE活用・LSEG
RPP運用自動化ツール「RAT」
らくらくーぽん
最強配送ラベル(配送品質向上制度)
ポンパレモール
会員専用ツール
本店サイト
共通の送料込みライン
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
ツール改善コミュニティ
RPA
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他
返信も検索対象にする
カテゴリーから探す
初心者・はじめて
楽天市場
Yahoo!ショッピング
Amazon.co.jp
Qoo10
au PAY マーケット
LINE活用・LSEG
RPP運用自動化ツール「RAT」
らくらくーぽん
最強配送ラベル(配送品質向上制度)
ポンパレモール
会員専用ツール
本店サイト
共通の送料込みライン
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
ツール改善コミュニティ
RPA
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他