EC-CUBEの無料テンプレート レスポンシブでTwitterBootstrapが使える!

スポンサーリンク

EC-CUBEのデザインを頼まれ、いつものように楽したいので
Wordpressで言ったらテーマフレームワークみたいに使える素敵な無料のテンプレートはないかしらと思って探してたんですよ。
いやー、あるんですね。いるんですね、神が。

その神はこちら。
eccube-bootstrapというEC CUBE用のテーマを作りました。 – ALLAURMONO

EC-CUBEのオーナーズストアにあるレスポンシブテンプレートは高い!
手っ取り早くレスポンシブにしたいよ!
と思っていたあなたにもオススメ。

試しに使わせて頂いたのでご紹介します。

ひとまずローカルで色々といじりたおしてみたかったのでXAMPPです。
パーミッションとか変えなくていいし早いですよね。

まずはテンプレートをダウンロード。
https://github.com/nagaki/eccube-bootstrap

さっそくEC-CUBEの管理画面からテンプレートを追加しよう!
あ、拡張子が.tar.gzでも.tarでもない・・・

インストール方法を読むと黒い画面を使う方法みたいじゃないですか。
ノンプログラマに優しくない黒い画面。
デザイナーの中には黒い画面を見ただけでじんま疹が出る人までいるとかいないとか・・・
しかし諦めないぞ!
絶対にこのテンプレートを使わせて頂いて楽するんや!

zipをtarに変換するフリーソフトがあるそうなのでそれでやってみる。
なんか失敗。。。。

そんなわけでとりあえずzipを解凍。
data\Smarty\templates\bootstrap ってなってるのでbootstrapディレクトリを
data\Smarty\templates\に置く。

html\user_data\packages\bootstrap のbootstrapディレクトリは
html\user_data\packages\に置く。

そのままだね。
htmlディレクトリは置いてない場合もあると思いますがその辺りは臨機応変に。

これだけだと管理画面からテンプレートを選択できないので
sql文をphpMyadminから打ちますか。

mysql> INSERT INTO dtb_templates VALUES ("bootstrap", 10, "bootstrap", now(), now());

これで管理画面からbootstrapが選択できるよ!いざ適用!

こんな感じになりました

eccube-bootstrap

商品一覧もご覧の通り横並びになってますよ。

twitter bootstrapに慣れている人なら制作が捗ること間違いなしですね!

コメント

  1. […] EC-CUBEの無料テンプレート レスポンシブでTwitterBootstrapが使える! […]

  2. Fujioka Kiyoshi より:

    >これだけだと管理画面からテンプレートを選択できないのでsql文をphpMyadminから打ちますか。

    無知で申し訳ありません。自分であれこれやってみたのですが、このSQL文をphpMyadminから打つという方法が分かりません。教えて頂けますか?