ITOBEN STYLE > EC-CUBE2.12:商品一覧ページなどのページングをデザインする 2012年10月7日カテゴリー:未分類 EC-CUBE2.12:商品一覧ページなどのページングをデザインする サンプルはこちら (1)■data/class/SC_PageNavi.php 下記4カ所を変更 [php] $before = “arrPagenavi[‘before’]}’); return false;\” class=\”page_before\”><<前へ “; ↓ $before = “arrPagenavi[‘before’]}’); return false;\” class=\”page_before\”><<前へ “; //■カスタマイズ①/④ $next = ” arrPagenavi[‘next’]}’); return false;\” class=\”page_next\”>次へ>>“; ↓ $next = ” arrPagenavi[‘next’]}’); return false;\” class=\”page_next\”>次へ>>“; //■カスタマイズ②/④ $page_number .= “$i“; ↓ $page_number .= “$i“; //■カスタマイズ③/④ $page_number .= “$i“; ↓ $page_number .= “$i“; //■カスタマイズ④/④ [/php] (2)■html/user_data/packages/default/css/contents.css 「▼商品一覧」の「ページ送り」の箇所に追加。 [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; } [/css]
サンプルはこちら
(1)■data/class/SC_PageNavi.php 下記4カ所を変更
[php]
$before = “arrPagenavi[‘before’]}’); return false;\” class=\”page_before\”><<前へ “;
↓
$before = “arrPagenavi[‘before’]}’); return false;\” class=\”page_before\”><<前へ “; //■カスタマイズ①/④
$next = ” arrPagenavi[‘next’]}’); return false;\” class=\”page_next\”>次へ>>“;
↓
$next = ” arrPagenavi[‘next’]}’); return false;\” class=\”page_next\”>次へ>>“; //■カスタマイズ②/④
$page_number .= “$i“;
↓
$page_number .= “$i“; //■カスタマイズ③/④
$page_number .= “$i“;
↓
$page_number .= “$i“; //■カスタマイズ④/④
[/php]
(2)■html/user_data/packages/default/css/contents.css
「▼商品一覧」の「ページ送り」の箇所に追加。
[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;
}
[/css]