本解説は下記ページのデザインテンプレートダウンロード商品の解説です。
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)関連商品
【カテゴリ数が多くグローバルメニューのレイアウトが崩れてしまう時の対応】
① グローバルメニューでは非表示にし、ドロワーメニューでは表示する
■app/template/[テンプレートコード]/Block/login.twig
23行目付近、classに[sp]を追加
{% macro tree(Category) %} <li class="category_list sp">
② グローバルメニュー、ドロワーメニューで非表示にする場合は、コードを削除する。(2箇所)
42行目付近、61行目付近、
{% for Category in Categories %} {{ _self.tree(Category) }} {% endfor %}
③ カテゴリを手動で入力する
<li> <a href="{{ url('product_list') }}?category_id=2">インテリア</a> </li>