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

      2013/03/17

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種類で有料ですが、

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

 -EC-CUBE

  関連記事

no image

EC-CUBEのバージョンアップ方法って?

先ほどのスマートフォン向けテンプレートの記事を書きながら、ふと思いました。 そういえば、EC-CUB

no image

EC-CUBE公式エバンジェリスト制度?

EC-CUBEを開発する株式会社ロックオンがリリースを発表しました。 全国各地で「EC-CUBE」の

no image

EC-CUBEインストール手順(2.12)

先日、EC-CUBE2.11のインストール方法をご紹介しました。 去る2012年5月31日に新バージ

no image

EC-CUBEスマートフォン向けテンプレート搭載!

2011年8月10日、EC-CUBEがスマートフォン向けのテンプレートを強化した新バージョン2.11

no image

スマートフォン対応ECサイト構築のために

2011年に入ってからというもの、一気にスマートフォンブームが到来した気がしております。 ECサイト

no image

EC-CUBEインストール手順(2.11)

国産オープンソースECの代表格EC-CUBE(ECキューブ)のインストール手順をご説明します。 まず

no image

EC-CUBE商品ページへのmixiチェックボタン導入方法

ECサイト×ソーシャルメディアpart5 ソーシャルプラグイン最終章、本日は、 EC-CUBE商品ペ

Logicool Flowが素晴らしすぎる話

数年ぶりにキーボードとマウスを買い替えました。 デバイスが増えてきて、MacとWindowsとタブレ

Benq BL2420PTで突然「シグナルが検出されません」と出たら・・・

BenQ 23.8インチワイド 高解像度モデル (2560×1440/IPSパネル/DisplayP

嫌われる勇気

嫌われる勇気―――自己啓発の源流「アドラー」の教え posted with ヨメレバ 岸見 一郎,古

マンガでやさしくわかるアドラー心理学

マンガでやさしくわかるアドラー心理学[Kindle版] posted with ヨメレバ 岩井俊憲,

1億円の壁を越えるビジネス思考

1億円の壁を越えるビジネス思考: 年商1000万円に満たない会社の売上を数年で10億円にまで成長させ