Eccube カスタマイズ ZOZOTOWNを基準のECCUBEデザインテンプレート Eccube 2.13.1

Eccube カスタマイズ ZOZOTOWNを基準のECCUBEデザインテンプレート Eccube 2.13.1

ECサイト構築・リニューアルなら「EC-CUBE」。EccubeがSmartyのテンプレートエンジンで自由に簡単に各種のテンプレート実現でき、レスポンシブWEBデザインテンプレートも柔軟に対応できます。 
今回のテンプレートはZOZOTOWNを基にして、カスタマイズのデザインテンプレートです。

まず。

ZOZOTOWNのトップページレイアウトを分析させ。

ヘッダー部分の要素:

Logo、検索ボックス、ログイン、MYPAGEの最新メーセージ、お気に入り、カゴの中を見る、Sitemapの一覧、

MYPAGEの最新メーセージには、下の無料プラグイン実現でき。 

http://www.ec-cube.net/products/detail.php?product_id=282

会員へのお知らせ欄対応プラグイン 
CustomerNews_20141224.tar

他の要素がDIV+CSSで完璧に対応でき。

共通の

フッター設定ヘッダー完了。

フッターのしたのネック部分が各ページでは内容が変化ので、ページによって、Neck-topなどのブロック作成。

次には、 

左から、上から分析させます。

左1のブロック:検索条件一覧 
下の無料プラグイン実現でき。 

http://www.ec-cube.net/products/detail.php?product_id=460

商品検索条件 追加 プラグイン 
nw00003_20141230.tar

左2のブロック:カテゴリ一覧、Eccube2.12とEccube2.13によって 
category_tree_fork.tplとかcategory.tplを編集して、子カテゴリの効果がJSで実現でき、

左3、お気に入りのブロックで作成。 
左4、ショップ一覧、リンク種のHTMLコードのブロックで作成。 
左5、ブランド一覧: 
メーカーのプラグインで実現できますが。 
Eccube2.12がメーカー一覧登場できなくて、メーカーの自由に説明もできないので、 
もっと立派なブランド一覧作成できるないら、Eccube2.13を利用して、

http://www.ec-cube.net/products/detail.php?product_id=829

MakerBlockFree_20140902.tar
メーカー一覧 

https://www.ec-cube.net/products/detail.php?product_id=709&transactionid=ea3dedd5cce456b1c6ac04b1c484457b1fcb8e8d

MakerShelfRegistration_20140304.tar
メーカー登録が一括でできるようになる 

http://www.ec-cube.net/products/detail.php?product_id=635

EC-PLG-F-0002_20131024.tar
商品詳細ページにメーカー情報

左6、セール情報の簡単なブロック。 
左全部OK。 

ミドルのContent部分要素には、

Content1、人気アイテムランキングブロックが直接Eccubeの おすすめ商品管理利用して実現でき。 
必ずランキング数字の効果保留なら、売上ランキングのプラグインを利用して、売上ランキングのプラグインプラグイン設定でランキング表示数設定でき。


Content2、直接3つのバーナーのブロックで実現。 
Content3、商品ステータス別新着表示ブロックのプラグインを利用して、 
各種のステータス別の商品が表示でき。 
Content4、新着情報 
Content5、ショップ紹介ブロック。 
ミドルのContent全部OK。 

右部分の要素には、

右1,ショップニュースの部分がレビューブロック追加プラグインを利用して、 
レビューあった商品のランキングで効果実現でき。 
右2、文字リンクのニュース部分には、WordPressとの連携プラグインを利用して 

http://www.ec-cube.net/products/detail.php?product_id=276

WpPost_20121011.tar

もし、ニュースのカテゴリが必要なら、WordPressとの連携プラグインを再開発して、 
カテゴリを分けて、表示でき。 
右3、ソーシャルボタンの設置。 
右の分全部OK。

共通のフッター編集も簡単です。

以上で、トップページの基本構造分析完了。レイアウト設定完了。 
機能分析も必要です。機能分析後、デザインのパートナー(PS,AI画像再開発、CSS改善)して、 
ZOZOTOWNのような通販サイト構築完了。

ECCUBEデザインテンプレート のカスタマイズ 費用には、料金最安値、約5万円から可能!

EC-CUBEで通販サイト構築とECCUBE 店舗デザイン! 料金最安値、約5万円から可能! 卸価格がもっと安い!3個サイトから卸売させていただきます。

eccubeorg

http://www.eccube.org

3 Responses

  1. 一夫堀内 より:

    Smarty とは? PHPのことですか?

  2. fukiri より:

    Smarty とは?
    Smarty は PHP のためのテンプレートエンジンです。具体的に言うと、php のプレゼンテーションからアプリケーションのロジックとコンテンツを分離して管理する事を容易にします。 これは、プログラマーとテンプレートデザイナーの役割が異なり、 これらの役割を違う人間が受け持っている場合に最適だと言えます。
    Smarty の特徴

    非常に高速

    下仕事は PHP パーサが行うので能率的

    コンパイルは一度だけ行われるので、テンプレートのパースによるオーバーヘッドが無い

    再コンパイル は変更があったテンプレートファイルのみで行うのでスマート

    簡単に独自の 関数 や 変数の修飾子 を作成できるので、テンプレート言語を強力に拡張することが可能

    テンプレートの {デリミタ} タグの記法を変更し、 {$foo}、{{$foo}}、 などを使用することが可能

    {if}..{elseif}..{else}..{/if} 構文は PHP パーサが処理するので、{if…} の条件式にはシンプルなものから複雑なものまで自由に指定可能

    sections や if’s などは無制限にネスト可能

    テンプレートファイル内に PHP コードを埋め込む ことも可能。しかし、エンジン自体が カスタマイズ できるので、 これはおそらく不要 (そして非推奨)。

    組み込みで キャッシュ機能 をサポート

    任意の テンプレート ソース

    カスタム キャッシュハンドラ 関数

    プラグイン 機構

  3. 一郎野津 より:

    有難うございました。