EC-CUBE

EC-Cubeカスタマイズ:商品一覧で表示順序の切り替えを追加

投稿日:2012年3月17日 更新日:

今日は備忘録です。
EC-Cubeの商品一覧画面って
初期では「価格順」「新着順」の2つだけしか無いのですが
もう少し追加したい・・・

ということで
「価格順」を価格が高い順と価格が安い順の2つに分けることにします。

修正するファイルは
テンプレートファイルと
クラスファイルの2つ

どのように動作しているかというと
リンクをクリックすると、Javascriptでテンプレート内の隠し項目「orderby」に
引数を入れてPOSTしています。
受け取った「orderby」の値を元に、商品検索の内部処理時のSQLに
order by句を当てはめているわけです。

ということで変更する方法は以下のとおりです。

まずはテンプレートファイルを変更
ファイル名:list.tpl
<a href=”javascript:fnModeSubmit(”, ‘orderby’, ‘price’)”>価格が安い順</a>

<a href=”javascript:fnModeSubmit(”, ‘orderby’, ‘price2’)”>価格が安い順</a>
を表示したい部分に修正・追加します。
基本的にはこれだけでOK

現在の表示順を表示したい場合は
<!–{if $orderby != ‘price’}–>
<!–{else}–>
&lt;!–{/if}-&gt;
の部分を編集します。

次にクラスファイルを変更
ファイル名:LC_Page_Products_List_Ex.php
継承元であるLC_Page_Products_List.phpから
以下の関数をコピーします。

lfDispProductsList

コピーした関数の
//表示順序
switch($orderby) {
}
の部分に追加した「price2」のorder by句を追記します。

case ‘price_2’:
$order = “price02_min desc, product_id”;
break;

簡単ですね!!

ad

ad

-EC-CUBE
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スパム対策 * Time limit is exhausted. Please reload the CAPTCHA.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

EC-Cubeカスタマイズ:EC-CUBEのSEO対策〜その1

今日も備忘録です。 EC-CUBEを改造したサイトでお客様のネットショップの運営代行を行なっているんですが EC-CUBEはヘッダーのMETAタグのkeywordとdescriptionが同一になるペ …

簡単・EC-CUBEカスタマイズ:新しいページを/user_data/以外に追加する

連載は相変わらずの持ち越しです・・・ <span style=”color:#f44;”>※この方法で追加したページに関してはPCでのみ動作確認をしております。 携 …

EC-Cube改造:固定ページカスタマイズ

『当サイトについて』と『特定商取引に関する法律』のページカスタマイズ /data/Smarty/templates/default/order/index.tpl /data/Smarty/templ …

EC-CUBEカスタマイズ:管理画面の商品一覧件数を変更する

EC-Cubeのカスタマイズ案件が今後続きそうなので よく使われそうな機能を備忘録的に・・・ 第一弾:トップページに新着商品を一覧表示 A)管理画面で操作 「デザイン管理」→「ブロック編集」 ブロック …

EC-Cube改造:配送日時指定の改造

備忘録第二弾 注文処理中のページで配送日時指定ができるけどあまり使い勝手が良くないお客様の注文時間によって、発送日が異なるので指定できる配送日も異なってくる Ex)営業日の14時に注文を締切る この場 …