管理画面＞デザイン管理＞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←リンクを追加
<li<!--{if $tpl_subno == 'listpage_line'}--> class="on"<!--{/if}--> id="navi-design-listpage_line"><a href="<!--{$smarty.const.ROOT_URLPATH}--><!--{$smarty.const.ADMIN_DIR}-->design/listpage_line.php"><span>商品一覧ページ表示管理</span></a></li>
⑥ ■html/user_data/packages/admin/css/admin_contents.css（「おすすめ商品情報」の表示パターンで作成済み）
1205行あたり 「デザイン管理」の箇所に追加
/*おすすめ表示管理・商品一覧ページ表示管理*/
#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;
}
⑦ 管理画面用のイメージを追加
■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
下記の箇所をすべて書き換える。
/* ==============================================
▼商品一覧
=============================================== */
こちら
