EC-CUBE2.12：商品一覧ページなどのページングをデザインする

サンプルはこちら

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

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

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

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

（2）■html/user_data/packages/default/css/contents.css
「▼商品一覧」の「ページ送り」の箇所に追加。

/* ▼class/SC_PageNavi.php のclass要素*/
.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;
}