インデックスページに商品一覧のメニューを使いたい

簡単な方法としては、まずインデックスページに、
商品一覧ページのテンプレートを貼りつけていただき、
ご希望の部分だけデザインを編集していただければと思います。

1.店長ナビ＞デザイン設定＞適用中のテンプレートカスタマイズ＞商品一覧編集ボタン

　「ページテンプレート設定」に表示されたHTMLを全てコピーします。

2.店長ナビ＞デザイン設定＞フリーページタブ＞インデックスページ登録ボタンorフリーページID「index」の編集ボタン

　「HTMLモードに切り替える」を押していただき、
　1でコピーしたHTMLを貼り付けます。

3.貼り付けたHTMLにある以下を削除します。
　削除した場所に何か適当な文字を仮で入力しておいてください。
　（スタイルシートの特性上、何かを入力していただかないと、何も表示されていないような画面となってしまいます）


　{$$ COMMON HEADER $$}
　<!-- APP CONTENT -->{$$ APP CONTENT $$}<!-- / APP CONTENT -->
　{$$ COMMON FOOTER $$}

　※この時点で商品一覧と左右の列は同じ、中央エリアのスライドショーも同じ。
　　スライドショー配下だけが空白となっています。
　※コンテンツを入力した際に、適当に入力した文字を消してください。

　（一度保存していただき、ショップページをご確認ください）

4.<!-- / フリーエリア16 -->　〜　<!-- フリーエリア6 -->
　この間にご希望のデザインを挿入していただければ、ご希望のデザインになるかと思われます。

　※かんたんモードで作成される場合は、{free_area16}　〜　{free_area6}この間です。

お世話になっております。インデックスページを作成し、トップページとして表示させたいと考えております。現在のテンプレートは「b009-cocoa_brown」ですが、スライドショー下の商品一覧部分にバナーを数個はり、そのバナーからリンクで各ページへ遷移するようにと考えております。前質問者様への回答どおりにやってみましたが、フリーエリアが左に偏ってしまったり、挿入したバナーがフッター部分に張り付いてしまったりと、うまくできません。もう一度方法をご教授願えませんでしょうか？よろしくお願いいたします。

インデックスページの編集画面にて、「HTMLモードに切り替える」を押して、
以下のソース（この質問に対する回答を実施し、更にスライドショーを追加したものです）を貼りつけて下さい。

※スライドショーは、No.1を記載してます。
※【こちらに画像表示などのhtmlを記述して下さい】へバナーリンクなどのhtmlを記述して下さい。


------------------以下、インデックスページに貼り付けるソース-----------------------
<!-- ペイン全体 -->
<!-- ペイントップ -->
<div id="pane_list_top" class="pane_list_top navi_menu_hideen">
<!-- フリーエリア1 -->{free_area1}<!-- / フリーエリア1 -->
</div>
<div class="pane_list_body">
<!-- メインペイン -->
<div id="pane_list_body_main" class="pane_list_body_main">
<div class="pane_list_body_main_contents">
<!-- フリーエリア5 -->{free_area5}<!-- / フリーエリア5 -->

{slideshow1}

【こちらに画像表示などのhtmlを記述して下さい】


<!-- フリーエリア6 -->{free_area6}<!-- / フリーエリア6 -->
</div>
</div><!-- .pane_list_body_main -->
<!-- ナビペイン1 -->
<div class="pane_list_body_navi1 cf">
<div class="pane_list_body_navi1_contents">
<!-- フリーエリア2 -->{free_area2}<!-- / フリーエリア2 -->
<!-- フリーエリア3 -->{free_area3}<!-- / フリーエリア3 -->
</div>
</div>
<!-- ナビペイン2 -->
<div class="pane_list_body_navi2 cf">
<div class="pane_list_body_navi2_contents">
<!-- フリーエリア4 -->{free_area4}<!-- / フリーエリア4 -->
</div>
</div>
</div> <!-- / pane_list_body -->
<!-- ペインボトム -->
</div> <!-- /.contents -->
</div> <!-- /.pane_body-->
<div class="pane_list_bottom">
<div class="contents cf">
<!-- フリーエリア7 -->{free_area7}<!-- / フリーエリア7 -->


------------------インデックスページに貼り付けるソース、以上。-----------------------

【ご注意】
　こちらを貼りつけてもフリーエリアが意図しない表示になった場合は、
　いずれかのフリーエリアのソースにおいて、タグの記述ミスなどが考えられます。
　または、上記ソースに追記するバナーリンクなどのタグの記述ミスが考えられます。
　その場合は、ソースの見直しを行って下さい。

835番の説明ですが　当方も真ん中（スライド下）部分に商品一覧をそのまま使いたいのですが（商品一覧）をインデックスにする方法ですが上記のやり方ですか？

大変恐れ入りますが、こちらの内容（商品一覧部分を他のページにて利用する方法）につきましては現在ご利用いただくことができません。

※投稿時から様々な機能追加やシステムの変更が行われており、現在（2017年5月）はこちらの方法をご利用いただけません。

ご不便をおかけしますが、商品一覧が表示されている部分については、パーツとしての提供がございませんので、個別に作成頂いたインデックスページやフリーページなどに表示させることはできません。

既にご存知である場合は、大変申し訳ございませんが、以下に商品一覧ページ及びインデックスページについての補足を記載いたします。

イージーマイショップで作成されるページは、初期設定時では、商品一覧ページ（全てのカテゴリ）がインデックスページとなっております。

その為、インデックスページに商品一覧をそのままご利用されることを希望される場合は、インデックスページを作成しないことで、表示されます。

尚、貴店舗におかれましては現在、インデックスページを作成（設定）されておりますので、ページレイアウト管理（デザイン設定＞レイアウトタブ）を開き、[ページ選択：]から「インデックスページ」に切り替えて表示される[フリーページ削除]を押すとインデックスページが削除され、商品一覧ページがトップページとして表示されます。

以上を踏まえ、設定を一度ご検討下さい。