ヘッダーコンテンツ（楽天GOLD）の修正

Question

いつもお世話になっております。現在、ヘッダーコンテンツをGOLDにアップしiframeで表示しているのですが、もともと製作したものは画面いっぱいの幅になるはずなのですが、実際は画面いっぱいまで広がりません。新しく製作したものに差し替えてみましたが、これも単体では画面いっぱいに広がるのですが、実際に埋め込むと表示されません。何が原因なのでしょうか。現在表示中新しく表示させたいコンテンツ

Answer

ECマスターズの田中です。> 現在、ヘッダーコンテンツをGOLDにアップしiframeで表示しているのですが、> もともと製作したものは画面いっぱいの幅になるはずなのですが、実際は画面いっぱいまで広がりません。> 新しく製作したものに差し替えてみましたが、これも単体では画面いっぱいに広がるのですが、> 実際に埋め込むと表示されません。> 何が原因なのでしょうか。楽天市場のページの構造が原因です。楽天市場のページは、タグを多重に重ねた構造でできており、その構造の定められた位置に、店舗側でHTMLタグを記入する仕組みになっております。そのため、ヘッダーコンテンツの中で「width:100%;」を指定した要素は、ページ全体の横幅ではなく、ヘッダーコンテンツを囲む

タグの横幅に対して、100%拡がることになります。どうしてもページ全体の横幅に拡げたい場合は、楽天市場のページ本来の構造をわざと崩すことで実現はできますが、タグの構造を理解しないまま更新を重ねたり、楽天側でページ構造の仕様を変えたりすることで、ページ全体のレイアウトが簡単に崩れて見苦しくなってしまう危険性がございます。

Answer

ECマスターズ田中様原因のご説明感謝申し上げます。＞楽天市場のページ本来の構造をわざと崩すことで実現はできますが、、、、過去記事を参考に、バックアップを取ったうえで自己責任で設置いたしました。設置はうまくいったのですが、検索窓が機能しません。HTML記述に誤りがあるのでしょうか。お客様がキーワードを記入し検索する事を前提とした正しいHTML記述を教えていただけませんでしょうか。何卒よろしくお願いいたします。

Answer

ECマスターズの田中です。> 検索窓が機能しません。いただいたソースを確認したところ、店舗ID・店舗URL・店舗名の部分をシマッチさんの情報に書き換えていただければ、特に問題はないようです。検索キーワードが文字化けしてしまう、という問題でしょうか。その場合は、ページと検索システムの文字コードが一致していないことが原因ですので、<form>タグにaccept-charset="euc-jp"上記属性を追記していただき、動作をご確認いただきますようお願いします。

Answer

ECマスターズ田中様ありがとうございます。「accept-charset="euc-jp"」を追記しましたところ全てうまくいきました。いつも本当にありがとうございます。解決に変更し終了させていただきます。

ヘッダーコンテンツ（楽天GOLD）の修正

カテゴリーから探す