EC-CUBE3デザインテンプレートリリース

EC-CUBE3用のデザインテンプレートをリリースいたしました。

ザ・ECサイト!な使い易い定番2カラムのデザインテンプレートです。
テンプレートBONESのコーディングをベースにオリジナルデザイン化したテンプレートです。

背景あり(淡グレー)×ブラウン系のs83001(s83001デモサイト
背景なし(ホワイト)×グリーン系のs83002(s83002デモサイト

の2カラーバリエーションがあります。

EC-CUBE3の対応バージョンは3.0.10~3.0.13です。

スマートフォン・タブレット端末はQRコードからアクセス!

s83001デモサイト
デザインテンプレートs83001デモサイト

s83002デモサイト
ECCUBEデザインテンプレートs83002デモサイト

【デザインテンプレートの特徴】

・EC定番2カラム
・レスポンシブコーディング(PC/TB/SP対応※ブレイクポイントは3パターンに増築)
・CSS全面再構築/オリジナル装飾に柔軟対応(クラス再定義化)
・新着商品ブロックの3ブロック分離化(自由度向上)
・ナビ左右カラム対応
・Bootstrap CSS3.3.7フルバージョン同梱(動的表示導入性向上)
・アイコンSVG→fontawesome換装(従来方式のアイコンカスタマイズ性向上)
・ほぼ全ページ再装飾(ログイン、カートフロー、MYページ、フォーム、ご注文完了、エラー画面)
・全Twig内にコメント行の挿入。

お求めはEC-CUBEオーナーズストアから!

【デザインテンプレートs83001(オーナーズストア品番S3001)】

背景(淡グレー)×ブラウン系です。
ご自身で背景色を変更されたい方は、こちらの背景色パターンのデザインテンプレートがお勧めです。

【デザインテンプレートs83002(オーナーズストア品番S3002)】

※背景(ホワイト)×グリーン系です。
背景が白ですので、枠レイアウトのコードを白背景用に調整しています。
※背景べた塗り、カラム内抜きデザインのようにカスタマイズされたい方は、s83001の方が変更しやすいと思います。

本テンプレートは、弊社販売中の「EC-CUBEテンプレートBONES」をベースにデザインを行っています。

EC-CUBEテンプレートBONESとは、EC-CUBE3.0系のデフォルトテンプレートのCSSコードを全面的に見直し、装飾動作挙動などの細かい改善点を含め、極力デザインカスタマイズをしやすいようにリコーディングした、オリジナルデザインテンプレートの制作者向けベーステンプレートです。
また、少しでも開発工数を抑える為に、コードを把握しやすくする為に、全Twigにコメント行を挿入していますので、関係性が理解しやすくなっています。

【デザインテンプレートs83001トップイメージ】ECCUBE3デザインテンプレートs83001

【デザインテンプレートs83002トップイメージ】

ECCUBE3デザインテンプレートtop_s83002

※トップページのデフォルト新着商品ブロックは3分割したブロックにしていますのでトップページの装飾の難易度もデフォルトに比べ低くなっています。

【ログインページ】

ECCUBE3ログインページデザイン

【ショッピングカートページ】

ECCUBE3デザインテンプレートショッピングカートデザイン

【ご注文内容のご確認ページ】

ECCUBE3ご注文内容のご確認ページデザイン

【ご注文完了ページ】

ECCUBE3サンキューページ

【マイページ】

ECCUBE3マイページデザイン

【お問い合わせフォーム】

ECCUBEお問い合せフォームデザイン

文字もくっきり読みやすくなっています。