商品一覧ページを第一階層ごとにデザインを変える【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を超えています。

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

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

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

広告

関連記事

サクラサーバーに転入する方法2015

サクラサーバーの転入方法が少し変わっていたので、最新版をご紹介いたします。 はじめに 過去にさく

記事を読む

FC2ショッピングカートの販売する為の設定

FC2ショッピングカートに登録し、ネットショッピング開設するまでの流れをご紹介いたします。 は

記事を読む

WordPressのビジュアルとテキストの切り替えが出来ない時

ビジュアルとテキストの切り替えができない・・・そんな時の対策をご紹介 はじめに ワードプレスでは

記事を読む

自動的にホームページがIE7の表示になってしまう対応方法

制作したホームページが何故かIE7の表示になってしまう場合の対策をご紹介します。 はじめに ホー

記事を読む

twitterをHPに埋め込みしてみたよ

twitterの埋め込みって昔よりも簡単になってました はじめに 今「twitter 埋め込み」

記事を読む

WP Autoresponderをわかる範囲でカスタマイズ

ステップメールが無料で使えるワードプレスのプラグインをご紹介させて頂きます。 はじめに

記事を読む

Jetpackの通知機能

Jetpackのプラグインを導入する際に一つづつどういった機能なのかを調べてみています。最初は通知機

記事を読む

no image

オリジナルのメールアドレスの作り方

オリジナルのドメインを取得した際にやっぱり欲しいのはオリジナルのメールアドレス。gmailやyaho

記事を読む

ワードプレスでページごとにレイアウトを変える方法

ワードプレスでブログを運営中で特定のページだけカスタマイズしたいなんて事ありませんか? はじめに

記事を読む

EC-CUBE(2.11.5)のダウンロード方法

EC-CUBEは無料で使えるネットショップのシステムの事です。副業で何かを販売するなら必ず使いたい一

記事を読む

広告

Message

広告

現在の総記事数: 295件

ロボットが資産運用 WealthNaviの申込み方法

最近流行りのロボットに任せる資産運用でWealthNaviを試してみま

windows10で画面に[あ]や[A]と大きく出るのを消す方法

windows10で画面にや[A]と大きく出るのを消す方法

ロボットが資産運用 THEO[テオ]の申込み方法

自分自身で資産運用をするときって何を選べば良いかわかりませんよね。そん

GoogleのWEBフォントを導入してみた

過去にもwebフォントに触れている記事は多いですが、googleさんの

yahooリスティング広告のオプション登録は必須

広告の下に出てくるリンクは絶対に設定しておきましょう はじめ

→もっと見る


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