EC-CUBE:商品一覧ページなどのページングをデザインする

(1)■data/class/SC_PageNavi.php 下記4カ所を変更

 $before = "<a href=\"?$urlParamThis\" onclick=\"$func_name('{$this->arrPagenavi['before']}'); return false;\">&lt;&lt;前へ</a> ";
 ↓
 $before = "<a href=\"?$urlParamThis\" onclick=\"$func_name('{$this->arrPagenavi['before']}'); return false;\" class=\"page_before\">&lt;&lt;前へ</a> "; //■カスタマイズ①/④

$next = " <a href=\"?$urlParamThis\" onclick=\"$func_name('{$this->arrPagenavi['next']}'); return false;\">次へ&gt;&gt;</a>";
 ↓
 $next = " <a href=\"?$urlParamThis\" onclick=\"$func_name('{$this->arrPagenavi['next']}'); return false;\" class=\"page_next\">次へ&gt;&gt;</a>"; //■カスタマイズ②/④

$page_number .= "<li><strong>$i</strong></li>";
 ↓
 $page_number .= "<li><span class=\"page_now\">$i</span></li>"; //■カスタマイズ③/④

$page_number .= "<li><a href=\"?$urlParamThis\" onclick=\"$func_name('$i'); return false;\">$i</a></li>";
 ↓
 $page_number .= "<li><a href=\"?$urlParamThis\" onclick=\"$func_name('$i'); return false;\" class=\"page_number\">$i</a></li>"; //■カスタマイズ④/④

(2)■html/user_data/packages/default/css/contents.css
「ページ送り」の箇所を下記に書き換える。なお,「.navi 」を削除したのは,Myページのページナビ等に反映させるため。

 /* ==============================================
 ▼商品一覧
 =============================================== */
 /* ページ送り
 ----------------------------------------------- */
 .pagenumber_area {
 padding-bottom: 10px;
 background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
 }
 .pagecond_area {
 margin-bottom: 20px;
 padding: 10px;
 }
 .pagenumber_area {
 margin: 20px 0;
 }
 .pagecond_area {
 border: 1px solid #ccc;
 background-color:#FFF;
 }
 .pagenumber_area .navi {
 width: 100%;
 text-align: left;
 }
 .pagenumber_area li {
 display: inline;
 }
 .pagenumber_area .change {
 float: right;
 text-align: right;
 white-space: nowrap;
 }
 .page_now {
 border:#CCC 1px solid;
 color:#000;
 background-color:#eee;
 padding:0 4px;
 }
 .page_number, .page_next, .page_before {
 border:#CCC 1px solid;
 background-color:#fff;
 padding:0 4px;
 }

(3)管理画面>コンテンツ管理>おすすめ商品管理
おすすめ商品を追加するポップアップ画面
 ■data/Smarty/templates/admin/admin_popup_header.tpl(一番下)

 <div id="popup-container" >
 ↓
 <div id="popup-container" class="recommend_edit">

 ■html/user_data/packages/admin/css/admin_contents.css
781行あたりに追加

 /*追加*/
 .recommend_edit li {
 display: inline;
 }
 .recommend_edit .change {
 float: right;
 text-align: right;
 white-space: nowrap;
 }
 .recommend_edit .page_now {
 border:#CCC 1px solid;
 color:#000;
 background-color:#eee;
 padding:0 4px;
 }
 .recommend_edit .page_number, .recommend_edit .page_next, .recommend_edit .page_before {
 border:#CCC 1px solid;
 background-color:#fff;
 padding:0 4px;
 }

 ■data/Smarty/templates/admin/contents/recommend_search.tpl
73行あたりに、

を追加

 <!--{* ▼検索結果表示 *}-->
 <!--{if $tpl_linemax}-->
 <p><!--{$tpl_linemax}-->件が該当しました。</p>
 <!--{$tpl_strnavi}-->
 <br /><br />