管理画面>デザイン管理>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
下記の箇所をすべて書き換える。
/* ==============================================
▼商品一覧
=============================================== */
こちら