投稿日:

EC-CUBEのデザインテンプレート変更手順

EC-CUBEオーナーズストアを眺めていてデザインテンプレートのカテゴリを発見したので試してみました。

2012年8月8日現在、37種類のテンプレートが公開されています。

対応バージョン2.12系が4種類、2.11系が34種類、価格はPCデザインが48,000円、PC・スマホ・モバイルの3点セットが98,000円、無料が1点という内訳です。

7MGkIiFoeG

今回は唯一の無料テンプレートを試用しました。

※無料テンプレートの対応バージョンは2.11系です。テスト環境は2.12系ですが、テンプレートの反映はできました。挙動については確認していませんので、くれぐれも自己責任でお願い致します。

テンプレートのダウンロード

8VoidiXHeF 

購入画面に遷移します。

wIES28OFqG 

購入完了後、購入履歴に遷移します。

iuupPv37n2 

購入履歴の詳細からパッケージをダウンロードします。

プラグインのダウンロードとは遷移が異なり、決済後、購入履歴からデータをダウンロードする流れです。

EC-CUBE管理画面からインストール

XllmjCLxwR 

デザイン管理>PC>テンプレート追加

からアップロードします。

テンプレートコードはサーバ上の格納ディレクトリとなりますので、任意の英数字

テンプレート名は一覧の名称となりますので、任意の文字列を記入します。

Zdd3Mwx3BX 

デザイン管理>PC>テンプレート設定

からアップロードしたテンプレートを選択肢、登録ボタンを押します。

これで、テンプレートの反映は完了です。

サイトチェック

商品詳細ページをみてみましょう。

JP0L48R6NO

スタイリッシュなデザインが反映されました。

Pinterestの「pin it」ボタンも共存出来ていますね。

ちなみに、反映前のサイトは以下です。

ou67Ey78gC 

まとめ

デザインテンプレートの反映も非常に簡単でした。

現在オーナーズストアには、2.12系が4種類で有料ですが、

無料のテンプレートが増えてくると普及が進むのではないでしょうか?