• 文字サイズ


解決済

スマホでのiframeを使ったページの表示・非表示

  • 相談者:非公開
  • 2017/08/05 18:29
過去の質問をみさせていただき、

<iframe                   ="" style="width:100%;height:100vw;" src="https://www.rakuten.ne.jp/gold/店舗ID/event/coupontop1sp.html" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" hspace="0" vspace="0"></iframe>
<BR>

を全商品、スマホの商品説明文の先の方に貼りました。

セール期限が終わった際に、coupontop1sp.htmlを白紙のページに変更して、
上記の記述は外さずに、表示・非表示をしたかったのですが。
自分でやってみたところ、白紙のページ(1px1pxのgif画像のみのページ)にすると、
style="width:100%;height:100vw;の分だけ、空白ができてしまいました。
かなり違和感が出てしまうため、空白部分をできる限り小さく見せたいのですが、

https://forum.ec-masters.net/post_view.php?id=4464

にありますように、

<iframe                   src="https://www.rakuten.ne.jp/gold/店舗ID/event/coupontop1sp.html" width="100%" name="toukou" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" hspace="0" vspace="0"></iframe>

こんな感じで全商品に貼り

下記の内容をメモ帳に貼り付け、「toukou.css」という名前で保存してGOLDにアップロードし、
iframe[name="toukou"] { height: px; }
このheight:で非表示は1pxにするという調整でうまくいきそうでしょうか?

また、下記の内容ですが、
<link rel="stylesheet" href="http//www.rakuten.ne.jp/gold/SHOP-URL/toukou.css">
タグエラーさせて、全商品に貼るのか、商品ページ共通説明文に記入すれば、反映しますか?
投稿内容について報告する

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

  • 返信者:非公開
  • 2017/08/06 19:54
ECマスターズの清水です。

大変お待たせしております。

お調べいたしまして担当者より
回答させていただきますので、
今しばらくお待ちくださいませ………(省略)………
  • 返信者:非公開
  • 2017/08/06 23:05
ECマスターズの田中です。

大変お待たせいたしました、
改めてご返答させていただきます。

※RMSの、禁止タグを入力できるバグを利用しておりますの………(省略)………
  • 返信者:非公開(質問者)
  • 2017/08/07 10:18
ありがとうございます。
やってみます♪………(省略)………
  • 返信者:非公開(質問者)
  • 2017/08/07 11:28
ありがとうございます、やりたかったことが出来ました♪

<iframe                   src="https://www.rakuten………(省略)………
  • 返信者:非公開
  • 2017/08/07 11:34
ECマスターズの田中です。

無事、実現していただけて何よりです。

>商品ページ共通説明文だと反映がされなかった?(遅い?)
商品説明文に入れていた………(省略)………
このフォーラムへの質問は終了しました