ITOBEN STYLE > EC-CUBEデザインテンプレート > EC-CUBEカスタマイズBootstrap版(2)ヘッダー部の解説 2016年4月24日カテゴリー: EC-CUBEデザインテンプレート EC-CUBEカスタマイズBootstrap版(2)ヘッダー部の解説 Bootstrap版 INDEX (1)トップページ (2)ヘッダー部の解説 (3)トップページスライド画像の解説 (4)ブロック解説① (5)ブロック解説② (6)ブロック解説③ (7)ブロック解説④ (8)ブロック解説⑤ (9)商品一覧ページ (10)商品詳細ページ EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト インストールと同時にこのようなサイトが立ち上がります。 管理画面で店舗情報等を登録すれば、すぐに運用が可能です。 詳しくはこちらをご覧ください。 ▼ヘッダー部の解説 (1)[ログイン]をクリック 【ヘッダー】ログイン:ブロックが読み込まれます。 ■data/Smarty/templates/default/frontparts/bloc/login_header.tpl (2)[商品検索]をクリック 商品検索:ブロックが読み込まれます。 ■data/Smarty/templates/default/frontparts/bloc/search_products.tpl (3)[ご利用ガイド]をクリック テンプレートファイル[header_guide.tpl]が読み込まれます。 修正する場合は、このファイルを直接編集します。 ■data/Smarty/templates/default/header_guide.tpl (4)カゴのアイコン(合計金額)をクリック カゴの中の商品詳細が表示されます。 (5)グローバルメニュー カテゴリ部分(赤枠)は自動的に表示されます。 その他のメニューはテンプレートファイルで編集します。 ■data/Smarty/templates/default/frontparts/bloc/globalnav.tpl 親カテゴリの数が多いとバーの中に収まらなくなってしまうので、その時は読み込みコード(緑枠)を削除し、赤枠のように直接コードを入力するとよいでしょう。 (6)スマホのハンバーガーメニュー カテゴリ部分は自動的に表示されます。 その他のメニューはテンプレートファイルで編集します。 緑枠:カテゴリの自動読み込みコード 赤枠:その他のメニュー ■data/Smarty/templates/default/frontparts/bloc/globalnav_sp.tpl Bootstrap版 INDEX (1)トップページ (2)ヘッダー部の解説 (3)トップページスライド画像の解説 (4)ブロック解説① (5)ブロック解説② (6)ブロック解説③ (7)ブロック解説④ (8)ブロック解説⑤ (9)商品一覧ページ (10)商品詳細ページ EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト インストールと同時にこのようなサイトが立ち上がります。 管理画面で店舗情報等を登録すれば、すぐに運用が可能です。 詳しくはこちらをご覧ください。
Bootstrap版 INDEX
(1)トップページ
(2)ヘッダー部の解説
(3)トップページスライド画像の解説
(4)ブロック解説①
(5)ブロック解説②
(6)ブロック解説③
(7)ブロック解説④
(8)ブロック解説⑤
(9)商品一覧ページ
(10)商品詳細ページ
EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト
インストールと同時にこのようなサイトが立ち上がります。
管理画面で店舗情報等を登録すれば、すぐに運用が可能です。
詳しくはこちらをご覧ください。
▼ヘッダー部の解説
(1)[ログイン]をクリック
【ヘッダー】ログイン:ブロックが読み込まれます。
■data/Smarty/templates/default/frontparts/bloc/login_header.tpl
(2)[商品検索]をクリック
商品検索:ブロックが読み込まれます。
■data/Smarty/templates/default/frontparts/bloc/search_products.tpl
(3)[ご利用ガイド]をクリック
テンプレートファイル[header_guide.tpl]が読み込まれます。
修正する場合は、このファイルを直接編集します。
■data/Smarty/templates/default/header_guide.tpl
(4)カゴのアイコン(合計金額)をクリック
カゴの中の商品詳細が表示されます。
(5)グローバルメニュー
カテゴリ部分(赤枠)は自動的に表示されます。
その他のメニューはテンプレートファイルで編集します。
■data/Smarty/templates/default/frontparts/bloc/globalnav.tpl
親カテゴリの数が多いとバーの中に収まらなくなってしまうので、その時は読み込みコード(緑枠)を削除し、赤枠のように直接コードを入力するとよいでしょう。
(6)スマホのハンバーガーメニュー
カテゴリ部分は自動的に表示されます。
その他のメニューはテンプレートファイルで編集します。
緑枠:カテゴリの自動読み込みコード
赤枠:その他のメニュー
■data/Smarty/templates/default/frontparts/bloc/globalnav_sp.tpl
Bootstrap版 INDEX
(1)トップページ
(2)ヘッダー部の解説
(3)トップページスライド画像の解説
(4)ブロック解説①
(5)ブロック解説②
(6)ブロック解説③
(7)ブロック解説④
(8)ブロック解説⑤
(9)商品一覧ページ
(10)商品詳細ページ
EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト
インストールと同時にこのようなサイトが立ち上がります。
管理画面で店舗情報等を登録すれば、すぐに運用が可能です。
詳しくはこちらをご覧ください。