ITOBEN STYLE > EC-CUBE3 > EC-CUBE3デザインテンプレート解説：ブロックについて（1）グローバルメニューのカテゴリ表示
2016年5月18日カテゴリー:

EC-CUBE3デザインテンプレート解説：ブロックについて（1）グローバルメニューのカテゴリ表示

本解説は下記ページのデザインテンプレートダウンロード商品の解説です。
http://www.kaiplus.com/products/list.php?category_id=50

デザインテンプレート適用後のサイトデザイン
http://kaiplus.com/eccube3/1605a/

デザインテンプレートのインストール

1　プログラムファイルの入れ替え
2　テンプレートのアップロード
3　テンプレート適用後
4　プラグインのインストール
5　TOPページの画像スライド（画像カルーセル）
6　Body背景やヘッダー背景を簡単に変更

カスタマイズ内容

1 スタイルシートの変更
2　EC-CUBE3のデフォルト：サイドカラムにブロックを配置したときのレイアウト
3　本デザインテンプレートを適用：サイドカラムにブロックを配置したときのレイアウト
4　ブロックについて
（1）グローバルメニューのカテゴリ表示
（2）グローバルメニュー：プルダウンの作り方
（3）ヘッダー上部のメニュー：cart.twig（カゴの中）に記述
（4）商品検索
（5）ロゴ
（6）カテゴリ
（7）新着情報
（8）フリーエリア
（9）ギャラリー
（10）ショッピングガイド
（11）おすすめ商品
（12）売上ランキング
（13）最近チェックした商品
（14）定休日管理プラグイン
5　商品詳細ページ
（1）商品画像
（2）関連商品

【カテゴリ数が多くグローバルメニューのレイアウトが崩れてしまう時の対応】

①　グローバルメニューでは非表示にし、ドロワーメニューでは表示する

001

002

■app/template/[テンプレートコード]/Block/login.twig
23行目付近、classに[sp]を追加

[php]
{% macro tree(Category) %}
<li class="category_list sp">
[/php]

②　グローバルメニュー、ドロワーメニューで非表示にする場合は、コードを削除する。（2箇所）
42行目付近、61行目付近、

[php]
{% for Category in Categories %}
{{ _self.tree(Category) }}
{% endfor %}
[/php]

③　カテゴリを手動で入力する

[php]
<li>
<a href="{{ url(‘product_list’) }}?category_id=2">インテリア</a>
</li>
[/php]