楽天スマホのカテゴリページ共通説明文の反映ができません。

Question

いつもお世話になっております。

過去のフォーラム記事等を参考にしながら、
"商品ページ共通パーツ設定" ＞ "商品ページ設定（スマートフォン）" ＞ の「商品ページ共通説明文」欄に
iframeResiserを設置する作業しておりましたが、iframe部分が空白のまま表示されません。


商品ページ共通設定ではすべてのページに反映されてしまう為、先ず仮の商品を登録し、"商品ページ情報" の「スマートフォン用商品説明文」に同じコードを入れて試したところ、そこでは上手く表示され高さも自動で取得できている様です。
仮の商品
https://soko.rms.rakuten.co.jp/caress/10000001dfhkzsdhfkjdfdfgz/

何故、"商品ページ情報" の「スマートフォン用商品説明文」で表示できているものが「商品ページ共通説明文」では正しく表示されないのか原因がわからず、ご教示願えないでしょうか？

①該当のコードは下記の通りです：

************************************************************************************************************************************************



jQuery(function($){ $('iframe').iFrameResize(); });



iFrameResize({log:true,heightCalculationMethod:'lowestElement'})
************************************************************************************************************************************************


②上記のコードを現状"商品ページ共通パーツ設定" ＞ "商品ページ設定（スマートフォン）" ＞ の「商品ページ共通説明文」にある部分(下記コード２行目参照)と差し替えたいと思っています。

※ 実際に部分のコードを差し替えた状態で「商品ページ共通説明文」を更新したのですが、その部分が空白になってしまい何故かスクリプトを読み込めていない状態です。
   (プレビュー画面では表示されています)

************************************************************************************************************************************************



jQuery(function($){ $('iframe').iFrameResize(); });

iFrameResize({log:true,heightCalculationMethod:'lowestElement'})
  









************************************************************************************************************************************************

いろいろ検証している最中に上記コードではプレビュー画面で反映ボタンが表示されなくなってしまいました。
うまくいけば商品ページの共通説明文とカテゴリーページの共通説明文で同じことをしたいと考えております。

大変お手数ですがアドバイスをお願いいたします。

Accepted Answer

ECマスターズの伊藤です。

> 何故、"商品ページ情報" の「スマートフォン用商品説明文」で表示できているものが「商品ページ共通説明文」では正しく表示されないのか原因がわからず、ご教示願えないでしょうか？

テストを行ったところ、
頂いているタグで、問題なく表示がされておりました。

> いろいろ検証している最中に上記コードではプレビュー画面で反映ボタンが表示されなくなってしまいました。
> うまくいけば商品ページの共通説明文とカテゴリーページの共通説明文で同じことをしたいと考えております。

こちらですが、プレビュー画面にて、
iframeに適用している
CSSが適用されていまい、
本来のRMSの設定画面の上に
iframeが表示されてしまっています。

そのため、

右クリック ＞ 検証 ＞ iframeを探してクリック ＞
iframeに適用しているCSS
position:absoluteを一時的に無効にする

方法にて、登録をしていただきますよう、お願いいたします。

※一時的に無効にしても、
CSSが書き換えられるわけではありませんので
ご安心くださいませ。

操作箇所については、動画をご参照ください。
https://ec-masters.gyazo.com/6dc69264f6b64109fea9b91efcb2151a

Answer

伊藤様

ご返答ありがとうございます。
ご教示いただきました方法で検証してみます。

Answer

本日ご教示いただいた方法で更新し、無事に反映することができました。
お忙しい中迅速なご回答誠にありがとうございました。
今後とも何卒よろしくお願いいたします。