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

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

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

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

広告

関連記事

youtubeに動画をアップロードする方法

youtubeに動画をアップロードするのって難しいと思っていませんか?意外と簡単なんですよ。 はじ

記事を読む

サクラで日本語ドメインを使う方法

サクラサーバーで日本語ドメインを利用するちょっとした裏技をご紹介いたします。 はじめに

記事を読む

インフォトップの登録方法

情報商材の販売をするならやっぱりインフォトップ はじめに 2ティア制を利用して不労所得を得る

記事を読む

タグ機能を使ったPHPの分岐WordPress

ワードプレスでタグを使った分岐に関するやり方をご紹介させて頂きます。 はじめに PHPを使ったカ

記事を読む

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

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

記事を読む

ワードプレスの記事やカテゴリなどの各IDを調べる方法

ワードプレスには記事やカテゴリ、タグなどそれぞれIDがございます。 はじめに プラグインの設定を

記事を読む

ECキューブ2.11.5のインストール方法

ショッピングサイトの構築をするならECキューブと言うことで今回はインストール方法をご紹介致します。

記事を読む

無料のお問合せフォームの作り方【FC2】

今回は無料で使えるFC2のお問合せフォームの導入方法をご紹介いたします。 はじめに お問

記事を読む

サブドメインの設定【サクラサーバー】

今回はサブドメインの設定方法です。サブドメインを設定する事で様々なメリットがございます。副業で使う際

記事を読む

スマホデザインで回転をさせたくない時に使えるテクニック

スマホデザインを作成する際に横向きの事は考えず作ってしまった場合に使えるテクニックをご紹介させて頂き

記事を読む

広告

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 ↑