EC-CUBE:No.017 ヘッダー部に商品カテゴリを表示するグローバルナビゲーション

このカスタマイズを現行サイトへ実装したい方はこちら

▼サンプルをご覧ください
http://www.kaiplus.com/part/213/
http://www.kaiplus.com/part/213_2/
http://www.kaiplus.com/part/213_3/

レイアウト設定で、グローバルナビのブロックを配置します。

登録されているカテゴリが表示されます。
カテゴリに商品が登録されていなければ、表示されません。

▼ナビゲーションのデザイン・レイアウトはCSSで調整

7パターンのCSSを用意しています。
それぞれのCSSに修正を加えることで、デザイン・レイアウトをさらに変更することができます。
ファイル名をcategory_globalnav.cssに変更して、適用します。

(1)category_globalnav.cssを適当な名称に変更します。ここでは、category_globalnav-00aaa.css
(2)適用したいCSSを選び、名称をcategory_globalnav.cssに変更します。
ここでは、category_globalnav-010.cssをcategory_globalnav.cssに変更しています。
(3)FTP等で、サーバのcategory_globalnav.cssに上書きアップロードしてください。

▼各CSSを適用したときのデザイン・レイアウト

category_globalnav-010.css

————————————————————-

category_globalnav-011.css

————————————————————-

category_globalnav-012.css

————————————————————-

category_globalnav-013.css

————————————————————-

category_globalnav-021.css

————————————————————-

category_globalnav-022.css

————————————————————-

category_globalnav-023.css

————————————————————-

メインバー(1階層)の表示項目

data/Smarty/templates/default/frontparts/bloc/category_globalnav.tpl

商品カテゴリ以外の項目は、下記コードの、

以外の部分です。

<div id="category_globalnav_area">
<div id="category_globalnav_bar">
<ul id="category_globalnav">
<li>
<a href="<!--{$smarty.const.TOP_URL}-->">TOP</a>
</li>
<!--{include file="`$smarty.const.TEMPLATE_REALDIR`frontparts/bloc/category_globalnav_tree_1.tpl" children=$arrTree treeID="" display=1}-->
<li>
<a href="<!--{$smarty.const.HTTPS_URL}-->contact/">お問い合わせ</a>
<ul>
<li><a href="<!--{$smarty.const.ROOT_URLPATH}-->abouts/">当サイトについて</a></li>
<li><a href="<!--{$smarty.const.ROOT_URLPATH}-->order/">特定商取引法表記</a></li>
<li><a href="<!--{$smarty.const.ROOT_URLPATH}-->guide/privacy.php">プライバシーポリシー</a></li>
</ul>
</li>
<li>
<a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php">MYページ</a>
</li>
<li>
<a href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php">新規会員登録</a>
</li>
<li>
<a href="<!--{$smarty.const.CART_URL}-->">カゴの中</a>
</li>
</ul>
</div>
</div>

▼カテゴリー内の商品件数をナビに表示するか否かをパラメータで設定

システム設定>パラメーター設定 GLOBAL_MENU_NUM
グローバルナビのカテゴリ商品件数の表示(true:表示する, false:表示しない, 1:1階層のみに表示, 2:2階層以下に表示)

true:表示する

false:表示しない

1:1階層のみに表示

2:2階層以下に表示

さらに詳しく→マニュアル

【ご利用の流れ】
1.空フォルダをダウンロードします。空フォルダは各カスタマイズごとに異なります。対象となる空フォルダをダウンロードしてください。その際、EC-CUBEのバージョンとデータベースの種類をお書き添えください。(EC-CUBE2.4系のカスタマイズは行っておりません)
2.現行サイトのファイルを空フォルダに入れた後、zip形式等で圧縮し下記送信先にお送りください。
3.こちらでカスタマイズを施し、ファイルと請求書を送信いたします。
4.お客様ご自身でデータベースの追加・ファイルのアップロードを行い、動作確認をしてください。
5.料金は後払いで結構です。動作に問題がなければ、指定の銀行に料金をお振り込みください。

★カスタマイズによっては、データベースへの追加等が必要になる場合があります。
データベース追加用の命令文(SQL)はこちらで用意しますので、作業はお客様でお願いいたします。

カスタマイズのお申込みと空フォルダのダウンロードはこちらから