2014年8月2日カテゴリー:未分類

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

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

以外の部分です。

[php]

  • entry/kiyaku.php”>新規会員登録
  • true:表示する, false:表示しない, 1:1階層のみに表示, 2:2階層以下に表示)

    true:表示する

    false:表示しない

    1:1階層のみに表示

    2:2階層以下に表示

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

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

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

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