eccube-on-bootstrap3

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

開発環境

• EC-CUBE 2.13.3
• Twitter Bootstrap3.3.4

デモサイト

• http://eccube-on-bootstrap3.no-tubo.net/

インストール方法

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

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

• MOVIEでわかる！5分で導入！「デザインテンプレート適用法」

ダウンロード

• eccube-on-bootstrap3.tar.gz

注意点

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

• EC-CUBEでスマホ用と携帯用テンプレートを無効にする方法 | SPOT[スポット]

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

• スマートフォン・携帯アクセス制御プラグイン

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

プラグインについて

公式サイトで配布されているプラグインはそのまま使えない場合が多いと思います（フロント機能のプラグインの場合はほぼ不可）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を使ったテーマ

• eccube-bootstrapというEC CUBE用のテーマを作りました。 - ALLAURMONO
• https://github.com/nagaki/eccube-bootstrap