楽天 PC商品ページの表示崩れについて

Question

お世話になっております。当店の商品ページやカテゴリページのヘッダー部分やレフト、フッター、pc用商品説明文の部分にiframeを使用しているのですが、ページを巡回したのち、前のページ戻るとレフト部分に別のiframeが表示されてしまいます。F5キーなどで更新すると元に戻るのですが、原因不明です。確認いただけませんでしょうか。

Answer

ECマスターズの田中です。社内でも確認したところ、確かに仰るとおりの症状が発生いたしました。ソースの書き方に、特に問題もないようです。症状について、情報を調べてみたところ、http://d.hatena.ne.jp/koshigoeb/20110117/1295273126のように、Webkit（つまり、ChromeやSafariなどのブラウザ）にて同様に、「戻る」を行うとiframeの中身が他のURLになるバグがあることがわかりました。（「動的に」というのは今回のケースには当てはまらないはずなのですが、　楽天にて仕込まれたJavaScriptによって、　意識せずに動的な読み込みがされている可能性がございます）具体的な解決策をご案内することが難しいのですが、たとえば・の中に「iframeに対応したブラウザでご確認ください」などの代替テキストを入れる・

Answer

ご連絡ありがとうございました。iframeに属性を追加してみましたところ、不安が残る所ではございますが、おそらく？改善されたようです。

Answer

ダメでした。崩れます。cssの部分は外注していたので、どこを触ればいいのかさっぱりでお手上げです。

Answer

ECマスターズの田中です。＞cssの部分は外注していたので、どこを触ればいいのかさっぱりでお手上げです。<iframe>の表示に関わるのは、ヘッダーコンテンツの中にあるiframe{border:0px;margin:0px;padding:0px;}上記1行ですので、一時的に削除して、動作をお試しください。また、内部でJavaScriptによる読込を行っているイベント告知君を一時的に外して動作をお試しいただくなど、改めて試行錯誤を行っていただきますよう、お願いいたします。

Answer

iframeを外し、イベント告知君も外しました。PCのキャッシュなどを削除し再度試みましたが改善されません。

Answer

ECマスターズの田中です。ページ内の<iframe>タグに、それぞれ異なるフレーム名を付けていただくといかがでしょうか。（header, leftnavi など）フレーム名の付け方、つまりname属性の設定方法は、下記URLをご参照ください。http://www.tagindex.com/html_tag/frame/iframe_name.html

Answer

各箇所、name属性追加してみましたがまだ、表示が崩れます。

Answer

ECマスターズの田中です。＞各箇所、name属性追加してみましたがまだ、表示が崩れます。承知しました。そうなりますと、さらに改善策を出すことが難しくなってまいります。また、私にて確認したところ、他の楽天ショップでも同様に、<iframe>で設定したヘッダーやレフトナビの表示が「戻る」を行うことで乱れることを確認いたしました。楽天のページ構造における問題、であることも考えられますので、一度、コールセンターに、改善方法がないかどうか、お問い合わせいただけますでしょうか。

楽天 PC商品ページの表示崩れについて

カテゴリーから探す