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

Question

過去の質問をみさせていただき、




を全商品、スマホの商品説明文の先の方に貼りました。

セール期限が終わった際に、coupontop1sp.htmlを白紙のページに変更して、
上記の記述は外さずに、表示・非表示をしたかったのですが。
自分でやってみたところ、白紙のページ（1px1pxのgif画像のみのページ）にすると、
style="width:100%;height:100vw;の分だけ、空白ができてしまいました。
かなり違和感が出てしまうため、空白部分をできる限り小さく見せたいのですが、

https://forum.ec-masters.net/post_view.php?id=4464

にありますように、



こんな感じで全商品に貼り

下記の内容をメモ帳に貼り付け、「toukou.css」という名前で保存してGOLDにアップロードし、
iframe[name="toukou"] { height: px; }
このheight:で非表示は1pxにするという調整でうまくいきそうでしょうか？

また、下記の内容ですが、

タグエラーさせて、全商品に貼るのか、商品ページ共通説明文に記入すれば、反映しますか？

Answer

ECマスターズの清水です。

大変お待たせしております。

お調べいたしまして担当者より
回答させていただきますので、
今しばらくお待ちくださいませ。

Answer

ECマスターズの田中です。

大変お待たせいたしました、
改めてご返答させていただきます。

※RMSの、禁止タグを入力できるバグを利用しておりますので、
　今後、RMSの改修により、使用できなくなる可能性があります。

＞このheight:で非表示は1pxにするという調整でうまくいきそうでしょうか？

heightを1pxですと、
高さ指定にかかわらず内容を全て表示しようとするiOSでは
coupontop1sp.html を空白にする作業も必要となりますので、
かわりに
display: none;
として、完全に非表示にしてはいかがでしょうか。

また、若干の差ではありますが、
name="toukou"　の代わりに　class="toukou"
iframe[name="toukou"]　の代わりに　iframe.toukou　もしくは　.toukou
としていただくことで、
少しシンプルになるかと思います。

＞タグエラーさせて、全商品に貼るのか、商品ページ共通説明文に記入すれば、反映しますか？

タグエラーさせて、というのは、禁止タグチェックを回避させるということですね。
はい、いずれも反映いたします。

Answer

ありがとうございます。
やってみます♪

Answer

ありがとうございます、やりたかったことが出来ました♪



だとうまくいかなかったので、




で記述しました。

他のiframeタグにも影響出てくるかな？と思いまして、
classではなく、idを付けました。

の記述場所ですが、
商品ページ共通説明文だと反映がされなかった？（遅い？）ため、
そのままスマートフォン用商品説明文に記載したら、思った通りになりました。
ありがとうございました。

Answer

ECマスターズの田中です。

無事、実現していただけて何よりです。

＞商品ページ共通説明文だと反映がされなかった？（遅い？）
商品説明文に入れていただいて無事反映されたのであれば、
共通説明文の時は、仰るとおり、反映が遅かったものと思います。