K1Factory Blog

まず、カスタムのCSSを作る為の前準備として、

/ZenCartをインストールしたディレクトリ/includes/templates/zencss

/ZenCartをインストールしたディレクトリ/includes/modules/sideboxes/zencss

/ZenCartをインストールしたディレクトリ/includes/languages/japanese/zencss

それぞれの「zencss」ディレクトリを丸ごとコピーして「zencss2（任意）」とかにする。
コピーした

/ZenCartをインストールしたディレクトリ/includes/templates/zencss2

のディレクトリにある「template_info.php」ファイルの

$template_name = 'CSS Layout';

を

$template_name = 'CSS Layout2';

に変更してやります。'　'内はどんな名前でも構わんとおもう。（半角英数であれば・・・）



後は、

/ZenCartをインストールしたディレクトリ/includes/templates/zencss2/css

デイレクトリ内の「stylesheet.css」をいじってやればオッケー。



Dreamweaverとかで編集し易いように、

/ZenCartをインストールしたディレクトリ/以下に

zencssを適用したトップページのhtmlソースをtest.htmlとして保存してやり、

そのtest.htmlをDreamweaverで編集。



カスタムのCSSが完成したら、

ZenCartの管理画面で適用するテンプレートを「CSS Layout2」にして完了！



※当然、コピーしたディレクトリやら編集した「template_info.php」「stylesheet.css」は

管理画面で設定する前にアップロードしとく。
--------