2016年4月24日カテゴリー:

EC-CUBEカスタマイズBootstrap版(2)ヘッダー部の解説

EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト

インストールと同時にこのようなサイトが立ち上がります。
管理画面で店舗情報等を登録すれば、すぐに運用が可能です。

詳しくはこちらをご覧ください。

▼ヘッダー部の解説

001

 

(1)[ログイン]をクリック

002

【ヘッダー】ログイン:ブロックが読み込まれます。
■data/Smarty/templates/default/frontparts/bloc/login_header.tpl

(2)[商品検索]をクリック

003

商品検索:ブロックが読み込まれます。
■data/Smarty/templates/default/frontparts/bloc/search_products.tpl

(3)[ご利用ガイド]をクリック

004

テンプレートファイル[header_guide.tpl]が読み込まれます。
修正する場合は、このファイルを直接編集します。
■data/Smarty/templates/default/header_guide.tpl

005

(4)カゴのアイコン(合計金額)をクリック

006

カゴの中の商品詳細が表示されます。

(5)グローバルメニュー

007

カテゴリ部分(赤枠)は自動的に表示されます。
その他のメニューはテンプレートファイルで編集します。
■data/Smarty/templates/default/frontparts/bloc/globalnav.tpl
親カテゴリの数が多いとバーの中に収まらなくなってしまうので、その時は読み込みコード(緑枠)を削除し、赤枠のように直接コードを入力するとよいでしょう。

008

(6)スマホのハンバーガーメニュー

009

カテゴリ部分は自動的に表示されます。
その他のメニューはテンプレートファイルで編集します。
緑枠:カテゴリの自動読み込みコード
赤枠:その他のメニュー
■data/Smarty/templates/default/frontparts/bloc/globalnav_sp.tpl

010

 

EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト

インストールと同時にこのようなサイトが立ち上がります。
管理画面で店舗情報等を登録すれば、すぐに運用が可能です。

詳しくはこちらをご覧ください。