商品一覧ページを第一階層ごとにデザインを変える【ECキューブ2.12】

公開日: : 最終更新日:2014/09/27 副業で稼ぐ仕組みの作り方

商品のカテゴリが数百とある場合、クライアントが欲しい商品を探すのに苦労してしまいます。

はじめに

商品カテゴリが100を超えた場合、クライアントが欲しい商品を探しにくくなるので離脱率が上がってしまいます。そこで、お勧めの分け方が第一カテゴリごとにデザインを変える方法です。

注意事項

ECキューブはバージョンやサーバーによって出来ない事があるので注意して下さい。

カテゴリの考え方

カテゴリが非常に多い場合、見る側の方からすると正直商品を探しにくいと感じさせてしまうケースもございます。

例えば家電を取り扱っている場合

  • 洗濯機
  • 冷蔵庫
  • 掃除機
  • テレビ

このカテゴリ内にさらに

  • 各メーカーごとに選ぶ
  • 色で選ぶ
  • 機能で選ぶ

など選び方のカテゴリを追加した場合全ての商品一覧ページに同じものを表示させるよりも冷蔵庫であれば冷蔵庫のカテゴリのみを表示させる方が購入に繋がりやすくなるかと思います。

そこで、今回カスタマイズした内容が第一カテゴリ(洗濯機や冷蔵庫など)ごとにレイアウトやデザインを変える方法です。

カスタマイズしよう

まずは、以下のファイルに追加で書き加えます。

data/class_extends/page_extends/products/LC_Page_Products_List_Ex.php


class LC_Page_Products_List_Ex extends LC_Page_Products_List {
    public function doDefault($objProduct) {
        parent::doDefault($objProduct);
        
        // 第一カテゴリを取得する
        $db = new SC_Helper_DB_Ex();
        $this->rootCategory = $db->sfGetFirstCat($this->arrForm['category_id']);
    }
}

商品一覧をカスタマイズしよう

私の場合は商品一覧ページのサイドメニューを第一カテゴリごとにデザインの変更や表示させる物を変更したのでこういった書き方になります。

<!--{if $rootCategory.id == 1}-->
 <!--{include file=`$smarty.const.TEMPLATE_REALDIR`frontparts/bloc/洗濯機.tpl}-->
<!--{elseif $rootCategory.id == 2}-->
 <!--{include file=`$smarty.const.TEMPLATE_REALDIR`frontparts/bloc/冷蔵庫.tpl}-->
<!--{elseif $rootCategory.id == 3}-->
 <!--{include file=`$smarty.const.TEMPLATE_REALDIR`frontparts/bloc/掃除機.tpl}-->
<!--{elseif $rootCategory.id == 4}-->
 <!--{include file=`$smarty.const.TEMPLATE_REALDIR`frontparts/bloc/テレビ.tpl}-->
<!--{else}-->
<!--{/if}-->
  • 洗濯機がカテゴリ1
  • 冷蔵庫がカテゴリ2
  • 掃除機がカテゴリ3
  • テレビがカテゴリ4

以上の条件の場合で洗濯機用のサイドメニューのtplファイルを取得している場合の書き方です。

さいごに

見やすくわかりやすく

商品の販売をする際に出来るだけわかりやすく、かつ見やすくする事で購入率や滞在時間を伸ばす事が出来るので、売上の向上に繋がります。

私の場合は取扱い商品が2,500商品ほどあり、カテゴリも300を超えています。

各商品ページからのアクセスはありますが、ついでにこれも購入すると言う状況になる事がすくなかったのですが、カテゴリをうまく整理し、見せ方を変えただけでついで購入が増えました。

やはり、見やすくわかりやすいと言うのは非常に大切な事なんだなと感じました。

副業でドロップシッピングをする場合は取扱い商品の多さで売上などが変わってくるので、このやり方は覚えていても損はないでしょう。

広告

関連記事

バリューコマースアフィリエイトの登録方法

バリューコマースでアフィリエイトを始めたい方へ はじめに バリューコマースでアフィリエイトを

記事を読む

リンクシェアの登録方法

リンクシェアでアフィリエイトを開始したい方へ はじめに 楽天が運営するアフィリエイトシステム

記事を読む

ボタンのクリック率を上げる簡単なcss

マウスオーバー時に少し変化がある事でクリック率を高める事が出来ます。 はじめに 画像などのボタン

記事を読む

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

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

記事を読む

ムーバブルタイプからワードプレスに引越しする方法

ムーバブルタイプからワードプレスに引越しをした時のメモです。 はじめに 今回はムーバブルタイプか

記事を読む

アフィリエイトの審査に落ちた方へ

リンクシェアって審査が厳しいですよね はじめに 副業でアフィリエイトサービスを利用しようと思

記事を読む

ホームページにパスワードを設置する方法

今回の内容は特定のページに対してパスワード認証を設置する方法です。 はじめに 少し難しくなります

記事を読む

もしもドロップシッピングの登録方法

無料でドロップシッピングがはじめられるもしもドロップシッピングの登録方法です。 はじめに

記事を読む

パソコンでスマホ用デザインを確認する方法

パソコンからでもスマホ用のレスポンシブデザインやスマホ用デザインを確認する方法があります はじ

記事を読む

ワードプレスの記事下に任意の情報を入れるプラグイン

ブログの最後に毎回同じ情報を入れている人にお勧めのプラグインを発見しました。毎回コピペして入力しなく

記事を読む

広告

Message

広告

現在の総記事数: 304件

HEIC形式を簡単にjpgにする方法

web上でクッソ簡単にjpgに戻せました はじめに ア

メルカリの売り上げを自分の口座に振込む方法

売り上げが上がるだけだと意味がありません。メルカリから自分の銀行に振り

お名前ドットコム
お名前.comのWhois情報公開代行のご案内が悪質すぎる

お名前.comでドメインを取得した人は気を付けてくださいね。 情弱な

大型らくらくメルカリ便の登録から発送までの流れ

めったにはありませんが、大型メルカリ便を利用してみましたのでその時の流

メルカリで商品購入から評価までの流れ

メルカリで購入したいけど色々不安な人へ はじめに メルカリでは商品

→もっと見る


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