日本発!ECオープンソースEC-CUBE無料・開店
EC-CUBE

準備

インストール

初期設定

管理・機能

ポイント機能をOFFにする
まず仮会員登録をしたい
会員登録通知を管理者にもしたい
★重量別送料


メール内容のカスタマイズ
異なる手数料の設定
JNBのJ-振 リンクの張り込み

Topページのカスタマイズ
商品一覧ページのカスタマイズ
商品詳細ページのカスタマイズ
「当サイトについて」のカスタマイズ
会員登録フォームのカスタマイズ
非会員・買物フォームのカスタマイズ
  配送日指定を削除する
買い物カート(中を見る)のページ



Topページのカスタマイズ
 フッター
会員登録フォームのカスタマイズ
受注確認ページのカスタマイズ
 配送日指定を削除する

モバイルメールのカスタマイズ
注文確認メールに送料、手数料、ポイント数を記載する
ポイント機能をモバイルにも反映する


画像表示・検索窓ほか
便利な無料素材を使って綺麗に早く


・受注が入っているのにメールが届かない!

日本発!ECオープンソースEC-CUBE

EC−CUBE
開発コミュニティサイト

EC−CUBE
マニュアルサイト


貝パッチワークキット
最低限これだけやっていればとりあえず開店できる
公開カスタマイズ・逆引きマニュアル  EC-CUBE取り急ぎ導入計画

デザインの変更
ヘッダー


インストールしたてのEC-CUBEの画面。

このままでは困るので、ヘッダーの部分から替えていきたいと思います。


 この部分がヘッダーです。
EC-CUBE ヘッダー

 

 バラしてみます。

1↓この画像の上に
cube/user_data/packages/default/img/header/bg.gif(画像のある場所)

2 ↓このバナー(ロゴ)と
cube/user_data/packages/default/img/header/logo.gif
logo

3 これらのボタン
 cube/user_data/packages/default/img/header/mypage.gif(mypage_on.gif)
 cube/user_data/packages/default/img/header/member.gif(member_on.gif)
 cube/user_data/packages/default/img/header/cartin.gif(cartin_on.gif)

 が、載ってヘッダー部分が出来ています。

これらを自分の使用したい画像と差し替えてカスタマイズします。

変更の方法
新しく用意した画像を、もとの画像と同じ名前で保存し、直接フォルダ内に入れ替えるのが失敗のない方法だと思います。
万一失敗したときは、慌てず最初に複製しておいた新品のままのフォルダから、その画像を戻せば良いだけです。

 

ということで私は

この二つを書き換えヘッダー部分のカスタマイズ。
どちらも画像ファイルなので、画像加工(イラストレーターなどペイントソフト)ソフトで、単純に画像を書き換えました。

 

そしてこうなりました。
カスタマイズしたヘッダー
MYページ、会員登録、カゴの中をみるボタンは支障がないのでそのままです。

 

メモ ---------------------------------------------------------------------------
cube/user_data/packages/default/img/
その他サイト内で使用される画像の全てが次のフォルダに入っています。
例えば、「お問い合せ」ボタンを「メール」とかえたい場合、直接それらの画像を書き換えると、パスが変わってしまう心配も無いので安全なカスタマイズができます。
どんどんご自分のサイトに合わせて書き換えると大きく印象の異なるページが出来ると思います。
---------------------------------------------------------------------------------

 

 

Home > デザインの変更 Topページ

 

クラスアップアイテム デザインインテリア