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

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

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

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

カテゴリーから探す