Bootstrap3を使ったEC-CUBE用のデザインテンプレート
Smarty CSS JavaScript
Latest commit 5522a54 Sep 11, 2015 @clicktx Fix typo
Permalink
Failed to load latest commit information.
_packages Update Vimize jQuery plugin Apr 16, 2015
abouts Change copyrightを変更 May 29, 2014
cart Fix typo Sep 11, 2015
contact Fix rename CSS class name Feb 11, 2015
entry Fix rename CSS class name Feb 11, 2015
forgot Add エラー系アラート時にアイコンを追加 Feb 6, 2015
frontparts Fix #29 カート数量バッジを100以上の場合は99+に Mar 26, 2015
guide Fix #26 改行コードがCRLFのファイルをLFに Feb 6, 2015
mail_templates Change copyrightを変更 May 29, 2014
mypage Fix 非公開商品はaタグを使わないように Jul 5, 2015
order Change copyrightを変更 May 29, 2014
products Fix Detaiページ サブコメント欄がテキストのみの時にpタグになっていたのを修正 May 14, 2015
regist Fix rename CSS class name Feb 11, 2015
rss Change copyrightを変更 May 29, 2014
shopping Fix 買い物確認ページに会員の場合も修正リンクを追加 Apr 28, 2015
.gitignore Change プラグイン情報を追記 Jun 6, 2014
README.md Edit README Apr 10, 2015
error.tpl Change copyrightを変更 May 29, 2014
footer.tpl Add copyright Feb 6, 2015
header.tpl Change ヘッダー検索フォーム Apr 10, 2015
index.tpl Change copyrightを変更 May 29, 2014
pager.tpl Fix #31 モバイル用ページャーの不具合 Mar 26, 2015
popup_footer.tpl Change copyrightを変更 May 29, 2014
popup_header.tpl Fix update jQuery Jan 8, 2015
site_frame.tpl close #35 Change Bootstrap version 3.3.4 Apr 10, 2015
site_main.tpl Fix #34 Improve スワイプでoff-canvasを操作できるように Apr 5, 2015

README.md

eccube-on-bootstrap3

TwitterBootstrapを使ったEC-CUBE用のデザインテンプレートです。

開発環境

  • EC-CUBE 2.13.3
  • Twitter Bootstrap3.3.4

デモサイト

インストール方法

ダウンロードしたtarballをEC-CUBEの 管理画面 > デザイン管理 > テンプレート追加 から行います。

公式サイトの解説動画が参考になります。

ダウンロード

注意点

スマートフォン用テンプレートを無効化する必要があります。

プラグインでも対応できます【おすすめ!】

こちらのプラグインを利用するとスマートフォンからのアクセスの挙動をカスタマイズ出来ます。またガラケーの制御も同時に行えます。

プラグインについて

公式サイトで配布されているプラグインはそのまま使えない場合が多いと思います(フロント機能のプラグインの場合はほぼ不可)eccube-on-bootstrap3テンプレートに最適化したプラグインを公開しています。

  1. 全ページ対応パンくずリスト表示プラグイン
  2. AjaxZip3-for-2.13
  3. 注文完了画面でも会員登録
  4. ヘルプ機能

その他

vi/vimキーバインド

今流行りの(?)vi/vimキーバインドを搭載しています。遊び機能なのでコードはやっつけです。

【2014/10/8】jQuery.Vimizeに置き換えました。

  • j,k 各項目移動(上下)
  • h 左カラムへ
  • l 右カラムへ
  • 0 行頭
  • $ 行末
  • d,u スクロールダウン・アップ
  • gg ページ最上段へスクロール
  • G ページ最下段へスクロール
  • /,? 検索
    • ctrl+w 入力文字の削除
  • - ホームページへ移動
  • その他詳細は jQuery.Vimize に書いてあります。

Bootstrap2を使ったテーマ