管理画面＞デザイン管理＞PCに「商品一覧ページ表示管理」ページを新規作成し、表示番号を選択することで、「商品一覧ページ」の表示パターンを変更できるようにする。

↓

（1）データベースに新しいテーブルを作成する（「おすすめ商品情報」の表示パターンで作成済み）
①　マスターテーブルに追加
名前：mtb_line
フィールド数：3
↓
○フィールド：id　種別：smallint　NULL：not null
○フィールド：name　種別：text　デフォルト値：NULL　NULL：チェック
○フィールド：rank　種別：smallint　NULL：not null

②　管理画面＞システム設定＞マスターデータ管理＞mtb_line
以下を登録する。
ID：1　値：1
ID：2　値：2
ID：3　値：3
ID：4　値：4
ID：5　値：5

（2）「dtb_baseinfo」テーブルにフィールドを追加
フィールド：listpage_line
種別：SMALLINT
デフォルト値：0

（3）管理画面用のページを新規作成
①　■html/admin/design/listpage_line.php
②　■data/class_extends/page_extends/admin/design/LC_Page_Admin_Listpage_Line_Ex.php
③　■data/class/pages/admin/design/LC_Page_Admin_Listpage_Line.php
④　■data/Smarty/templates/admin/design/listpage_line.tpl

⑤　■data/Smarty/templates/admin/design/subnavi.tpl←リンクを追加
[php]  class=”on” id=”navi-design-listpage_line”>⑥　■html/user_data/packages/admin/css/admin_contents.css（「おすすめ商品情報」の表示パターンで作成済み）
1205行あたり　「デザイン管理」の箇所に追加
[php]
/*おすすめ表示管理・商品一覧ページ表示管理*/
#design .image_area {
clear:both;
border:#CCC 1px solid;
padding:10px;
margin-bottom:15px;
font-size:150%;
}
#design .image_area .text {
float:left;
width:150px;
margin-right:10px;
}
#design .image_area .image {
float:right;
}
.clear {
clear:both;
}
[/php]

⑦　管理画面用のイメージを追加
■html/user_data/packages/admin/css/img/designフォルダを作成し、下記イメージを置く。
101.png　102.png　103.png　104.png　105.png

（4）「カゴに入れる」「商品詳細を見る」ボタンを新規作成する（30px×110px）
btn_cartin_mini.jpg　btn_cartin_mini_on.jpg　btn_detail_mini.jpg　btn_detail_mini_on.jpg

（5）■data/Smarty/templates/default/products/list.tplを変更

（6）■html/user_data/packages/default/css/contents.css
下記の箇所をすべて書き換える。
/* ==============================================
▼商品一覧
=============================================== */
こちら