■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
② 「送料について」と「配送について」を入力すると、フロントページに反映されます。HTMLタグの入力も可能です。
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
最近チェックした商品:checkeditem.twig
手動売り上げランキング商品管理プラグイン:manualranking_product_block.twig
新商品自動表示:newitemauto.twig
定休日管理プラグイン:pg_calendar.twig
ピックアップ商品管理プラグイン:pickup_product_block.twig
おすすめ商品管理プラグイン:recommend_product_block.twig
売上ランキング:sales_ranking.twig
ショッピングガイド:shoppingguideitoben.twig
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■EC-CUBE3機能カスタマイズ版の機能内容
各機能についてこのページで解説しています。
/* -------------------------------- Common -------------------------------- */ .inner { max-width: 1150px; } /* ★全体の幅を変更★ */ .inner { max-width: 1000px; }
.item_price { color: #525263; font-weight: bold; } ↓【変更】 .item_price { color: #525263; font-weight: bold; } .item_price { color: #C00; font-weight: normal; }
/* ▼レイアウト変更(スマホ表示の際、メインカラム(#main)が上に表示されるようにする) */ /* レフトカラムにのみブロックあり */ .theme_side_left #side_left { float: left; width: 25%; padding-right: 16px; } .theme_side_left #main { float:right; width:75%; } /* レフトカラムとライトカラムにブロックあり */ .main-left { float:left; width:75%; } .theme_side_both #side_left { float: left; width: 33.3%; padding-right: 16px; } .theme_side_both #main { float: right; width:66.6%; }
/* |||||||||||||||■デザインテンプレートカスタマイズ■||||||||||||||| */
■EC-CUBE3機能カスタマイズ版
インストールと同時にデザインとカスタマイズ機能が実装されるのでサイト構築作業を大幅に短縮できます。
■デモサイト
インストール後、このようなサイトが立ち上がります。
■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)関連商品
① slick.min.jsを利用し、カルーセルを適用しています。
② 登録商品数を9個に変更しています。
■app/Plugin/RelatedProduct/Event.php
153行目付近
$loop = 5 - count($RelatedProducts); ↓【変更】 $loop = 9 - count($RelatedProducts);
■app/Plugin/RelatedProduct/Resource/template/Admin/modal.twig
16行目付近
for (var i = 0; i < 5; i++) { ↓【変更】 for (var i = 0; i < 9; i++) {
③ ”関連商品”の文言を変更する場合は、下記ファイルを編集します。
■app/Plugin/RelatedProduct/Resource/template/Front/related_product.twig
本解説は下記ページのデザインテンプレートダウンロード商品の解説です。
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)関連商品
① 商品画像をクリックすると、登録時の画像(長辺640px)がモーダルウィンドウで表示されます。
② サムネイル画像が4つ以上になると、スライド(カルーセル)するようになります。
サイズの異なる画像を登録した場合、表示領域の高さは一番高い画像の高さになります。
同じサイズの画像を登録すると、見た目がよいでしょう。