ECCUBE2.12のカテゴリに子カテゴリを表示させる方法

公開日: : 最終更新日:2016/12/03 副業で稼ぐ仕組みの作り方 ,

EC-CUBEで孫カテゴリまで作ったならこのカスタマイズが必要です

はじめに

とにかく商品点数が3,000件近くあり、カテゴリ数も400近くなったのですが全ページに孫カテゴリまでの情報を表示させるとページが重くなったり、リンクだらけになるのでカテゴリーページにのみ表示させたかったんですわ

注意事項

バージョンは2.12の物になります

今回やりたい事

カテゴリーページに子カテゴリを表示させたい

これは現在のカテゴリーページに子カテゴリがある場合はその情報を表示させると言う事です。

  • A
    • a
      • a1
      • a2
      • a3
    • b
      • b1
        • b1-1
        • b1-2
      • b2
    • c
      • c1

このようなカテゴリーだった場合、aのページにa1、a2、a3が表示され、b1のページであればb1-1、b1-2が表示されます。

では、さっそく作ってみましょう。

システム部分

data/class/pages/products/LC_Page_Products_List.php

LC_Page_Products_List.phpは2か所情報を追加します。
間違えたところに記載するとエラーが出るので要注意です。

まずは130行目あたり

eccube-cate01

// サブカテゴリリストを取得
$this->arrSubCatList = $this->getSubCatList($this->arrSearchData['category_id']);

次に最後の}の前に情報を追加

eccube-cate02

/*
 *  子カテゴリ一覧を取得
 *
 *  @param  int $category_id 該当カテゴリID
 *  @return Array $arrSubCatList 子カテゴリID
 */
function getSubCatList($category_id){
    $arrRet = SC_Helper_DB_Ex::sfGetCatTree();
    $cnt = 0;
    foreach($arrRet as $key => $val){
        if($val['parent_category_id'] == $category_id){
            $arrSubCatList[$cnt]['category_id'] = $val['category_id'];
            $arrSubCatList[$cnt]['category_name'] = $val['category_name'];
            $cnt++;
        }
    }
    return $arrSubCatList;
}

こちらの情報を追加し、アップしてエラーが出なければ問題ありません。

デザイン部分

<!--{if $arrSubCatList|@count > 0}-->
<div class="kocate">
<div class="kocate_in">

    <h3>カテゴリから詳細から検索する</h3>
    <!--{foreach from=$arrSubCatList item=category}-->
        <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$category.category_id|h}-->"><!--{$category.category_name|h}--></a>&nbsp;
    <!--{/foreach}-->
    
</div>
</div>    
<!--{/if}-->

以上となります。
cssを使って好きなデザインにしてください。

こんな感じになりました

もともとはこのようなデザインでした。

eccube-cate03

そして、子カテゴリの情報を追加すると

eccube-cate04

このようなデザインになりました。
子カテゴリがある方がみやすくて良いですね。

以上でECCUBE2.12のカテゴリに子カテゴリを表示させる方法の紹介を終了いたします。

さいごに

選択肢を狭めると購入につながりやすい

100個の中から選ばないといけないのか、50個の中から選ばないといけないのか、もしくは5個の中から選ばないといけないのか、数字だけで見れば単純明快ですよね。

クライアント様がHPに来られた場合も同様で商品が100個の中から見つけるのではなく、子カテゴリを作りわかりやすいように選択肢を徐々に狭めていくことで自分に合った商品を見つけやすくなり、購入までつながります。

ドロップシッピングをしている人でも、単純に商品を掲載するだけだと絶対に売れません。

まずは稼げる副業としてお小遣いを稼いでいきたいのであればカテゴリを見直すべきです。

そうする事で売り上げアップにつながるでしょう。

そういや参考にしていたサイト・・忘れた・・・

広告

関連記事

no image

FFFTPの設定

FFFTPの設定はサーバーをレンタルする毎にしなければいけません。設定自体は特別必要な知識や技術はな

記事を読む

JetpackのWP.me 短縮 URL

ブログ記事を紹介する時、長いURLをコピペするのが面倒な人もいらっしゃるでしょう。そんな人の為の機能

記事を読む

WEBフォントを無料で使えるタイプスクウェア

日本語の無料で使えるWEBフォントってあまりありませんよね。→見つけました! はじめに クライア

記事を読む

Biz Calendarを使いやすくカスタマイズ

営業日カレンダーを導入したけれど、こんな機能が欲しい!って要望があったのでカスタマイズしてみました。

記事を読む

特定のカテゴリー情報一覧をquery_postsで取得する方法

query_postsを使ってランダム表示一覧で取得したところ、特定のカテゴリー情報しか取得されてい

記事を読む

Jetpackの購読

ブログの更新やコメントをした際にすぐに知らせてくれるのがこの購読機能です。 はじめに ワードプレ

記事を読む

データベースのバックアップ用プラグインWP-DBManager(ワードプレス)

副業をするのに、ワードプレスを導入した方は必ずバックアップをとっておいてください。今回は自動でバック

記事を読む

ワードプレスでメンテナンスモードを終わらせる方法

メンテナンスモードが終わらない・・・だと・・・ はじめに ワードプレスではコアファイルやプラグイ

記事を読む

稼げるサブキーワードの探し方

例えばSEO対策などでメインキーワードが決まっている場合、単一だけでなくサブキーワードもヒットさせた

記事を読む

ワードプレスのプラグインCustom Field Suiteの使い方

Custom Field Suiteを入れたもののどうやって使うんだろうって人向けの細かい使い方をご

記事を読む

広告

Message

広告

現在の総記事数: 274件

gmailの裏技発見したったったwww

gmailの裏技発見したったったwww 登録したサイ

windows10でone driveを無効にする方法

こゆ意図せずに出てこられるのは非常に腹立たしい はじめに on

no image
WEBフォントはcss3で簡単に使えた

WEBフォントを使って好きなフォントをWEB上に公開しよう

ttfをwoffに簡単に変換できた!

ttfをwoffに簡単に変換できた! WEBフォントでttfはあ

ツイッターの最初に固定した内容を表示させる方法

ツイッターの初めに固定されたツイートと言う内容があると思いますが、これ

→もっと見る


  • ここでは副業での稼ぎ方や、誰でも簡単に稼げる副業のジャンルなどを紹介しております。 今の所、平均して月に15,000円ほど副収入があります。
    • エステコスメ エステ化粧品やエステコスメの通販サイトです。一般の方でもエステサロンで使用しているコスメを激安価格で購入出来ます。
    • エステ用品 エステ用品のMOCOエステです。新規開業を考えているエステサロン様向けに卸価格でご提供させて頂きます。
    • サロン集客 サロン集客に悩んでいる人向けに完全無料で集客方法を公開しております。インターネットを使う事で0円でサロン集客する方法もお教えいたします。
    • ヒートマット 遠赤外線ヒートマットシリーズは入ると滝に打たれたような発汗を体験できます。サロン様から一般の方までご利用いただけます
    • フェイシャルスチーマー 業務用だけでなく、一般の方も使用出来るフェイシャルスチーマーを詳しく説明しているホームページです。
    • 美容室のホームページ制作 美容室やエステサロン、ネイルのホームページ制作です。3万円台から制作も出来るので予算のないサロン様にも対応しております。
PAGE TOP ↑