ITOBEN STYLE > EC-CUBEデザインテンプレート > EC-CUBE2.13カスタマイズの説明:商品一覧ページなどのページングをデザインする 2013年10月30日カテゴリー: EC-CUBEデザインテンプレート EC-CUBE2.13カスタマイズの説明:商品一覧ページなどのページングをデザインする (1)data/class/SC_PageNavi.php 下記4カ所を変更 [php] $before = “arrPagenavi[‘before’]}’); return false;\”><<前へ “; ↓ $before = “arrPagenavi[‘before’]}’); return false;\” class=\”page_before\”><<前へ “; //■カスタマイズ①/④ $next = ” arrPagenavi[‘next’]}’); return false;\”>次へ>>“; ↓ $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] ============================ 2.13カスタマイズ(デフォルト)デモサイト 2.13カスタマイズ(デザインテンプレート適用)デモサイト 2.13レスポンシブWebデザイン(スタンダード)デモサイト 2.13レスポンシブWebデザイン(特集ページ作成版)デモサイト ▼詳細はこちらから ダウンロードEC-CUBEカスタマイズ ============================
(1)data/class/SC_PageNavi.php 下記4カ所を変更
[php]
$before = “arrPagenavi[‘before’]}’); return false;\”><<前へ “;
↓
$before = “arrPagenavi[‘before’]}’); return false;\” class=\”page_before\”><<前へ “; //■カスタマイズ①/④
$next = ” arrPagenavi[‘next’]}’); return false;\”>次へ>>“;
↓
$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]
============================
2.13カスタマイズ(デフォルト)デモサイト
2.13カスタマイズ(デザインテンプレート適用)デモサイト
2.13レスポンシブWebデザイン(スタンダード)デモサイト
2.13レスポンシブWebデザイン(特集ページ作成版)デモサイト
▼詳細はこちらから
ダウンロードEC-CUBEカスタマイズ
============================