ポンパレモールの商品・カテゴリページの横幅制限を解除する方法（タグ付き、コピペ可能）ヘッダー・フッターフル横幅（100%）表示

ポンパレモールのサブページ（商品ページ、カテゴリページ）は、下記のような構成となっています。

ヘッダー：980px

サイドバー：180px

各コンテンツ：780px

デザイン上の制限がかかるため、解除するためのサンプルタグをご用意します。

■タグ

<style> #container { width:100%; } #container #main { width:100%; } #sectionShopHeader { width:100%; } #sectionShopContainer { width:1080px; } #sectionShopFooter{ width:1080px; } #sectionShopContainer #sectionShopSideBar { width:200px; margin-right:20px; } #sectionShopContainer #sectionShopContent { width:860px; padding:0; } #shopItemDetail .itemBoxLeft { width:300px; margin:0 100px 0 0; } </style>

上記のタグは、

ヘッダー：横100%

サイドバー：200px

各コンテンツ：860px

フッター：1080px

に変更しております。

■設置場所

デザイン設定メニュー＞ヘッダー・フッター・サイドバー

上記のタグをヘッダーコンテンツ欄に貼り付けます。

方法次第でポンパレモールのページもオリジナルデザインページを作ることが可能です。

この方法は、EasyPage上のiframeタグ自動出力機能をベースにした方法です。

設定する前に、「ポンパレモールの共通ページ（商品・カテゴリページ等）のヘッダー・フッター・サイドバーの設定方法」をご参照ください。

ポンパレモールの公式機能ではないので、仕様変更される可能性があります。

また、サンプルタグをカスタイマイズする等場合は十分にテストしてください。