ITOBEN STYLE > EC-CUBE：商品一覧ページなどのページングをデザインする
2012年3月5日カテゴリー:未分類

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
    「ページ送り」の箇所を下記に書き換える。なお，「.navi 」を削除したのは，Myページのページナビ等に反映させるため。

    [php]
    /* ==============================================
    ▼商品一覧
    =============================================== */
    /* ページ送り
    ———————————————– */
    .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;
    }
    [/php]

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

    [php]