Skip to content
Bootstrap3を使ったEC-CUBE用のデザインテンプレート
Smarty CSS JavaScript
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_packages
abouts
cart
contact
entry
forgot
frontparts
guide
mail_templates
mypage
order
products
regist
rss
shopping
.gitignore
README.md
error.tpl
footer.tpl
header.tpl
index.tpl
pager.tpl
popup_footer.tpl
popup_header.tpl
site_frame.tpl
site_main.tpl

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を使ったテーマ

You can’t perform that action at this time.