スマートフォンでお問い合わせフォームの表示が崩れる理由を知りたい
スマートフォンパッケージご利用時に、店舗様のサイトがレスポンシブデザインを採用している場合、
下記の発生条件がすべて重なると、smartphoneフォルダ配下の表示でデザインが崩れる可能性があります。
もし発生してしまった場合は、解決方法とあわせてご確認ください。
レスポンシブデザインとは
PCやスマートフォンなど画面サイズが違う複数デバイスに合わせて、webサイトのレイアウトを最適化できるデザイン手法です。
レスポンシブデザインで組まれたページは、1つのHTMLとCSSで複数のデバイスに合わせたレイアウトを管理できます。
発生条件
・スマートフォンパッケージを利用している
・userwebフォルダ配下のテンプレートファイルに、レスポンシブデザインを適用している
・お問い合わせフォーマット追加（編集）で、テンプレート作成処理を「テンプレートを作成する」にし、新しくテンプレートファイルを作成した
・新しく作成したsmartphoneフォルダ配下のお問い合わせフォーマット用テンプレートファイルを削除した
解決方法
解決方法は下記の通りです。
店舗様の運用に合わせて、ご検討ください。
・スマートフォンパッケージの解約
レスポンシブデザインでは、通常userwebフォルダ配下のテンプレートファイルを使用するため、
スマートフォンパッケージは原則として不要です。
・smartphoneフォルダ配下のテンプレートファイルを削除せず、userwebフォルダ配下と同じCSSを適用させる
スマートフォンで閲覧する際に、レスポンシブデザインだけではなく、一部のページに独自のデザインをあてたい、といった場合は、
smartphoneフォルダ配下で新規作成されたテンプレートファイルを削除せず、CSSをあてるようテンプレートファイルを修正していただく、
といった方法もあります。
・オプションの解約は、弊社サポート窓口までお問い合わせください。
・一度削除してしまったテンプレートファイルの復活はできないため、
再度テンプレート作成処理を「テンプレートを作成する」で更新してください。
当ページの記載内容は、標準機能に関するものです。
機能に関するカスタマイズをされている場合にはこの限りではありません。
