ITOBEN STYLE > EC-CUBE3 > EC-CUBE3デザインテンプレート解説:テンプレートのアップロード 2016年5月18日カテゴリー: EC-CUBE3 EC-CUBEプラグイン EC-CUBEデザインテンプレート EC-CUBE3デザインテンプレート解説:テンプレートのアップロード 本解説は下記ページのデザインテンプレートダウンロード商品の解説です。 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)関連商品 (1)オーナーズストア>テンプレート>アップロード (2)コード・名称の入力とファイルのアップロード テンプレートコード:半角英数字、名称は自由。 テンプレート名:名称は自由。 テンプレートファイル:[.tar.gz]拡張子のダウンロード商品を選択 (3)オーナーズストア>テンプレート>テンプレート一覧で、テンプレートを選択後「登録」する。 (4)テンプレートを登録するとテンプレートコード名でフォルダが2つ生成されます。 カスタマイズを行う際は、このフォルダのファイルを編集することになります。 ■app/template/[テンプレートコード] ←twigファイル ■html/template[テンプレートコード] ←css fonts img js フォルダ
本解説は下記ページのデザインテンプレートダウンロード商品の解説です。
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)関連商品
(1)オーナーズストア>テンプレート>アップロード
(2)コード・名称の入力とファイルのアップロード
テンプレートコード:半角英数字、名称は自由。
テンプレート名:名称は自由。
テンプレートファイル:[.tar.gz]拡張子のダウンロード商品を選択
(3)オーナーズストア>テンプレート>テンプレート一覧で、テンプレートを選択後「登録」する。
(4)テンプレートを登録するとテンプレートコード名でフォルダが2つ生成されます。
カスタマイズを行う際は、このフォルダのファイルを編集することになります。
■app/template/[テンプレートコード] ←twigファイル
■html/template[テンプレートコード] ←css fonts img js フォルダ