だいぶ期間が空きましたが、EC CUBEを使ってみようの続きです。
前回設置したEC CUBEにデザインを加えます。
EC CUBEのデザインテンプレートはSmartyで管理されているのですが、Smartyのファイルを直接編集するのはけっこうたいへんなので、管理画面上で編集していく事にします。
「デザイン管理」→「PC」→「テンプレート設定」からデフォルトのテンプレートをダウンロードします。
ダウンロードしたファイルを今度はアップロードして任意の名前に変えます。
すると、標準のテンプレートとは別にオリジナルのテンプレートを使用する事ができます。
オリジナルの方のテンプレートに切り替えます。
今後はこのオリジナルのテンプレートに編集を加えて行きます。
基本的にメニューは「デザイン管理」の中にあります。
仮に、左側にナビゲーションを追加するとします。
新しいブロックを追加して、HTMLタグを書き込みます。クラス名もここで付けます。
新規のcssファイルを作成し、クラスに対する命令を入れます。
とりあえず、背景色を赤くしてみます。
ここでちょっと問題があり、新規cssファイルはそのままでは読み込まれません。
「import.css」を開き、新しいcssファイルを中に加えます。
新しいブロックが適用されました!
こんな感じで、変更後のhtmlをブロックごとに分けて、ガリガリ変えて行きましょう。
梅木千世でした。