デザインが崩れた場合に一度ご確認ください。
特定のページで崩れた場合
対象のページに入力したHTMLに文法エラーがないかをご確認ください。
また、対象のページにのみ設定したコンテンツ(ヘッダー・フッター・レフトナビのテンプレートや、目玉商品など)がある場合はそちらもご確認ください。
よくある事例
「閉じタグ」がない
対象ページに入力したHTMLコードのタグの「開始タグ」「閉じタグ」の数が合っているかをご確認ください。
(例)</div>忘れ
※ 特に</div>はページ全体に影響が出る場合がありますのでご注意ください
サイト全体で崩れた場合
よくある事例
CSSで全体に影響するセレクターを使用している
追加したCSSに、全称セレクター(*)、body、p、h1、tableといった、サイト全体に影響するセレクタを使用していないかご確認ください。
関連記事:<楽楽リピートで使用しているCSSについて>
レイアウト別デザインを変更しテンプレート登録を行なっていない
<基本設定>カートシステム設定>デザイン関連設定> にて
レイアウトを変更した場合は、<テンプレートの登録>を必ず行なってください。
(例)レイアウト変更後、テンプレートの登録未
関連記事:<サイトデザイン レイアウト>
確認方法
ページを複製して確認する
HTMLの入力箇所がいくつかあったり、複数のコンテンツを設定しているページですと、原因の特定までに時間がかかることがあります。
対象のページを複製し、1つずつ内容を削除したりコンテンツを外すなど設定しながら原因箇所を調査されることをおすすめします。
(例)商品ページ
商品一覧 にて【複製】ボタンをクリックすると商品データが複製されます。
1.複製した商品の、商品説明文などHTMLを入力した箇所の一箇所を削除し登録する。
2.デザインの崩れが直るか商品ページをブラウザで確認する。
崩れが直らなければ他の箇所を削除し、同様の確認を繰り返しながら原因箇所を特定していきます。
特定された原因箇所にHTMLコードの文法エラーなどがないかご確認ください。
対象のページで特定のコンテンツを設定していた場合、
1.複製した商品ページでレイアウト情報の(表示しない)を設定し、登録する。
2.デザインの崩れが直るか商品ページをブラウザで確認する。
こちらも一箇所ずつ変更し、登録と確認を繰り返しながら原因を特定していきます。
特定された原因箇所のテンプレートに、HTMLコードの文法エラーなどがないかご確認ください。
(例)フォーム一体型LPページ
編集可能ページ一覧 にて「複製」リンクをクリックすると、フォーム一体型LPが複製されます。
商品ページ同様に、複製したフォーム一体型LPページにて、ページ編集や分析タグ設定を一箇所ずつ変更し、登録と確認を繰り返しながら原因を特定していきます。
特定された原因箇所にHTMLコードの文法エラーなどがないかご確認ください。
一体型LPにて入力フォーム設定を編集されている場合は、
LPを複製し、入力フォーム設定の【初期設定に戻す】ボタンをクリックし登録すると、初期設定に戻した状態の表示が確認できます。