スマートフォン用商品説明文

Question

お世話になっております。

スマートフォン用商品説明文のインラインフレーム挿入についてお伺いします。

先ず、インラインフレームとして表示させたい.htmlファイルを作成してをFFFTPでアップロードし、下記内容を.jsファイルで保存してアップロードしました。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.iframeAfter'));
});
= この上の行まで ====================

次に下記内容をスマートフォン用商品説明文に挿入しました。

= この下の行から ====================



= この上の行まで ====================


上げたページを確認したところ、「itempage.html」に記載のバナーをクリックした際のリンク先ページが大きく表示されてしまいます。
改善方法を教えていただけますでしょうか？
下記が「itempage.html」に記載した内容です。

= この下の行から ====================






= この上の行まで ====================

pdfファイルも添付させていただきましたので、ご確認下さい。
お手数ですがご回答よろしくお願いいたします。

Answer

ECマスターズの田中です。

itempage.htmlのHTMLソースに、
HTMLファイルの構造としてあるべき各タグの構造、
およびリンクのターゲット指定、
さらにスマートフォンで見た時の表示領域指定が
行われておりませんでしたので、
現在のソースを








と




で挟んで保存およびアップロードしていただけますでしょうか。

Answer

ご返答ありがとうございます。
ご指示いただきました内容を追加して修正し、アップロードして確認しました。

3つあるバナー1つ目をクリックしたところ、ページが問題なく表示されました。
しかし、戻るボタンで元のページに戻って、2つ目のバナーをクリックしたところ、またリンク先ページが大きく表示されてしまいます。

バナーをクリックする順番を逆にしても、同様に最初にクリックしたバナーのリンク先は問題なく表示され、戻るボタンで戻ってもう1つのバナーをクリックしたら大きく表示されます。

解決方法はありますでしょうか？

Answer

ECマスターズの田中です。

記述上は特に問題となりそうな点が見つからないため、
実際の動作を確認させていただく必要がございます。

ビビオさんにて実際ご確認いただいたデバイスおよびブラウザ
（Windows上のChrome、iPhone上のSafari など）、および
実際に設置された商品ページのURLをお知らせいただけますでしょうか。
フォーラムにてご返信いただきづらい場合は、
リクエストフォームよりお知らせください。

また、念のため、他のデバイス（スマートフォンなど）でも
同様の症状が発生するかどうか、
ご確認いただきますようお願いいたします。

Answer

ご返答ありがとうございます。
リクエストフォームからお問い合わせさせていただきました。
よろしくお願いいたします。

Answer

ECマスターズの田中です。

お知らせいただきありがとうございます。
リクエストフォームにていただいたページに、
私のiPhoneにて、Chromeを利用してアクセスし、
バナーをクリック→戻るを繰り返してみましたが、
特に問題なく動作しておりました。

タグを挿入する前のデータが、
ブラウザにキャッシュ（一時ファイル）として
残っているのではないでしょうか。

一度、メニューボタン→設定→プライバシー→閲覧履歴の消去 より、
Cookie、サイトデータ　および　キャッシュされた画像とファイル　に
チェックを入れて、閲覧履歴の消去をお試しいただき、
再度、ページの動作をご確認いただけますでしょうか。
（その際、ログインしていたサービスからログアウトされますのでご注意ください）

Answer

閲覧履歴の消去で問題なく表示されました。
お手数をおかけして申し訳ありません。
ありがとうございました。