[EC-CUBE]人気ランキングを表示する

売れ筋商品をランキング形式で表示させる。

売上の1～5位をランキング形式で表示。
こんな感じで。

では、さっそくカスタマイズ。
/html/frontparts/bloc/rankig.php
インクルードしているファイルの名前を変更する

<?php
require_once(CLASS_EX_PATH . "page_extends/frontparts/bloc/LC_Page_FrontParts_Bloc_Ranking_Ex.php");
 
$objPage = new LC_Page_FrontParts_Bloc_Ranking_Ex();
register_shutdown_function(array($objPage, "destroy"));
$objPage->init();
$objPage->process();
?>
 

/data/class_extends/page_extends/frontparts/bloc/LC_Page_FrontParts_Bloc_Ranking_Ex.php
これまたインクルード先を変える。

<?php
require_once(CLASS_PATH . "pages/frontparts/bloc/LC_Page_FrontParts_Bloc_Ranking_Ex.php");
 
/**
 * ランキング のページクラス(拡張).
 *
 * LC_Page_FrontParts_Bloc_Ranking をカスタマイズする場合はこのクラスを編集する.
 */
class LC_Page_FrontParts_Bloc_Ranking_Ex extends LC_Page_FrontParts_Bloc_Ranking {
    /**
     * Page を初期化する.
     *
     * @return void
     */
    function init() {
        parent::init();
    }
 
    /**
     * Page のプロセス.
     *
     * @return void
     */
    function process() {
        parent::process();
    }
 
    /**
     * デストラクタ.
     *
     * @return void
     */
    function destroy() {
        parent::destroy();
    }
}
?>
 

/data/class/pages/frontparts/bloc/LC_Page_FrontParts_Bloc_Ranking.php
これはBest5をコピーしてロジックを編集する。

<?php
require_once(CLASS_PATH . "pages/frontparts/bloc/LC_Page_FrontParts_Bloc.php");
 
/**
 * ランキング のページクラス.
 */
class LC_Page_FrontParts_Bloc_Ranking extends LC_Page_FrontParts_Bloc {
 
    /**
     * Page を初期化する.
     *
     * @return void
     */
    function init() {
        parent::init();
        $bloc_file = 'ranking.tpl';
        $this->setTplMainpage($bloc_file);
    }
 
    /**
     * Page のプロセス.
     *
     * @return void
     */
    function process() {
        if (defined("MOBILE_SITE") && MOBILE_SITE) {
            $objView = new SC_MobileView();
        } else {
            $objView = new SC_SiteView();
        }
        $objSiteInfo = $objView->objSiteInfo;
 
        // 基本情報を渡す
        $objSiteInfo = new SC_SiteInfo();
        $this->arrInfo = $objSiteInfo->data;
 
        // ランキング表示 2009.05.08追加
        $this->arrRanking = $this->lfGetRanking();
 
        $objView->assignobj($this);
        objView->display($this->tpl_mainpage);
        //おすすめ商品表示
        //$this->arrBestProducts = $this->lfGetRanking();
 
        //$objView->assignobj($this);
        //objView->display($this->tpl_mainpage);
    }
 
    /**
     * モバイルページを初期化する.
     *
     * @return void
     */
    function mobileInit() {
         $this->tpl_mainpage = MOBILE_TEMPLATE_DIR . "frontparts/"
            . BLOC_DIR . 'ranking.tpl';
    }
 
    /**
     * Page のプロセス(モバイル).
     *
     * @return void
     */
    function mobileProcess() {
        $this->process();
    }
 
    /**
     * デストラクタ.
     *
     * @return void
     */
    function destroy() {
        parent::destroy();
    }
 
    // ランキング検索
    function lfGetRanking(){
        $objQuery = new SC_Query();
 
        $col = "T1.product_id, T1.product_name as name, T3.main_list_image, COUNT(*) as order_count";
        $from = "dtb_order_detail AS T1
         INNER JOIN dtb_order AS T2 ON T1.order_id = T2.order_id
         INNER JOIN dtb_products AS T3 ON T1.product_id = T3.product_id";
        $objQuery->setgroupby("T1.product_id, T1.product_name, T3.main_list_image");
        $objQuery->setorder("order_count DESC");
        $objQuery->setlimit(5);
 
        return $objQuery->select($col, $from);
    }
}
?>
 

ブロックを追加する。
管理画面>デザイン管理>ブロック編集

ブロック名　ランキング
ファイル名　ranking

※ランキング用の画像は別途用意する必要あり。

<!--{if count($arrRanking) > 0}-->
<h2>
    <img src="<!--{$TPL_DIR}-->img/side/title_ranking.jpg" width="166" height="35" alt="ランキング" />
</h2>
<div id="rankingarea">
    <ul>
        <!--{foreach from=$arrRanking key=myId item=i}-->
        <li>
            <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$i.product_id}-->">
                <img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$i.main_list_image}-->" width="130px" alt="<!--{$i.name}-->">
                <!--{assign var=rank value=$myId+1}-->
                <span><!--{$rank}-->位：<!--{$i.name}--></span>
            </a>
        </li>
        <!--{/foreach}-->
    </ul>
</div>
<!--{/if}-->
 

CSS編集
ランキング用のCSSを追加
/html/user_data/packages/default/css/main.css

/* ランキング @2009.05.08追加
----------------------------------------------- */
div#rankingarea {
    width: 144px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
}
 
div#rankingarea img {
    padding: 0px;
    margin: 2px auto;
    vertical-align: bottom;
    display: block;
}
 
div#rankingarea ul li {
    margin-top: 6px;
}
 
div#rankingarea ul li span {
    clear: both;
}
 
div#rankingarea ul li a {
    font-weight:bold;
    color: red;
    text-decoration: none;
    display: block;
}
 
div#rankingarea ul li a:hover {
    color: red;
    background-color: #DDDDDD;
}
 

DBに値を追加する。
dtb_blocテーブルに先ほど追加した「ランキング」ブロックのデータが反映されているので、
そこのphp_pathを以下の値で更新する。

frontparts/bloc/ranking.php