Zen Cart Customizeの最近のブログ記事

Zne Cartが出力するHTMLソースコードはデフォルトで1行3列のtableタグで囲われています。これをdivのブロック要素に変更し、レイアウトはCSSで設定したいと思います。

/includes/templates/template_default/common/tpl_main_page.php をオーバーライド

/includes/templates/kahoyan/common/tpl_main_page.php

そんで、ID、クラス名はそのままでtableタグをdivタグに変更。

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">

<div id="contentMainWrapper">

としました。trタグはそのまま削除しtdタグはtableタグ同様ID、classは残して

<td id="navColumnOne" class="columnLeft" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">

 <div id="navColumnOne" class="columnLeft">

としました。

style="width: <?php echo COLUMN_WIDTH_LEFT; ?>"

って部分は、管理画面からカラムの幅を設定できるんですが、その設定した値が入ってきます。
こちらもCSSで設定していきたいので、無くします。

以前のエントリー「新規カスタムテンプレートの作成」でオーバーライドしたCSSファイルに修正を加えていきます。
新規でスタイルシートを作成していってもいいと思うんですが、細かいところで設定漏れが無いように、デフォルトのCSSファイルの該当箇所を変更していく方法にしました。


metaタグ(keywords description)やら メインページの文言、ロゴ画像などの変更。

ディレクトリ /includes/languages/japanese/ の meta_tags.php、header.php、index.php をオーバーライド。

/includes/languages/japanese/kahoyan/metatags.php
/includes/languages/japanese/kahoyan/header.php
/includes/languages/japanese/kahoyan/index.php
  1. ディレクトリ /includes/templates に kahoyanディレクトリ作成。
    /includes/templates/kahoyan
  2. ディレクトリ /includes/templates/template_default/css の stylesheet.css ファイルを
    ディレクトリ /includes/templates/kahoyan/css にコピー
    /includes/templates/kahoyan/css/stylesheet.css
  3. includes/templates/template_default/template_info.php ファイルを 
    ディレクトリ /includes/templates/kahoyan にコピー
    /includes/templates/kahoyan/template_info.php
  4. /includes/templates/kahoyan/template_info.php を修正
    $template_name     = 'Default Theme'; 
    ▲という箇所を探し
    $template_name   = 'Kahoyan Theme'; 
    と変更。
  5. ディレクトリ /includes/templates/kahoyan をサーバにアップロード
  6. 管理画面 /追加設定・ツール/テンプレートの設定 Kahoyan Templateを選択し更新。
  7. 管理画面 /追加設定・ツール/サイドボックスの表示設定 kahoyan 画面下部 リセットボタンをクリック。

オーバーライド

| コメント(0) | トラックバック(0)

オーバーライド (override)とは?

カスタムテンプレートを作成するときなどに、カスタムテンプレート用のディレクトリを作成しデフォルトのテンプレートをコピーし修正します。テンプレートの設定でカスタムテンプレートが選択されている場合デフォルトのテンプレートより優先して変更を加えたファイルを読んでくれます。

まぁ、デザイン畑出の私にすれば便利機能!不思議システム!!(ルフィか!?)って感じですがWikipediaではこんな。


オブジェクト指向プログラミングにおいてオーバーライド(override)とは、
スーパークラスで定義されたメソッドをサブクラスで定義しなおし、動作を上書きすることである。
(Wikipedia)

なるほどね~。。。って嘘!ごめん見栄はった。

デフォルト触らずにいろいろ弄くれておかしくなったら消せばもっかいやりなおしできる!
ぐらいの認識でひとまず前に進もう!

  1. 管理画面ディレクトリ名の変更。(管理画面への第三者の侵入を防ぐ。)
    /(ZenCartインストールディレクトリ)/admin/includes
    /(ZenCartインストールディレクトリ)/○○○○○○/includes
    ○○○○○○と、任意のディレクトリ名に変更。

  2. ディレクトリ /(ZenCartインストールディレクトリ)/○○○○○○/includes の configure.php ファイルを修正。
    38行目 define('DIR_WS_ADMIN',     '・・・/admin/');
    40行目 define('DIR_WS_HTTPS_ADMIN', ・・・/admin/');
    57行目 define('DIR_FS_ADMIN', '・・・/admin/');
    の admin 部分を 変更したディレクトリ名 ○○○○○○ に変更。

  3. 言語パッケージ内の定番ページファイル
    ディレクトリ /(ZenCartインストールディレクトリ)/includes/languages/japanese/html_includes/My Template
    オーバーライドしてない場合は
    /(ZenCartインストールディレクトリ)/includes/languages/japanese/html_includes/
    上記ディレクトリのphpファイルは、第三者に改ざんされないように、編集時以外はパーミッション設定を書き込み不可にしておく。

Zen Cartの日本語公式サイトで日本語版 Zen Cart 1.3.0.2をダウンロードして

上記サイトがサポートしてる、インストールガイドページ下記を参考にインストール完了!

http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/docs/1.readme_installation.html



Zen Cartのデモサイト に登録されている情報をデモ用にインストールするか選択できるんですが、Zen Cartの豊富な機能をくまなく活用するには、デモ情報インストールをオススメします。

capture005.jpg


Zen Cart Custmize memo

| コメント(0) | トラックバック(0)

と、言うことで、カテゴリ追加してZen Cart Custmizeのメモもはじめる。

とりあえず、ブックマーク。

Zen Cart 日本語公式サイト

Zen Cart 日本語版(デモサイト)

ドキュメント - Zen Cart.JP 開発Wiki

Zen-Cart.JP コミュニティ掲示板

Zen Cart(tm)のインストール

page top