Zen Cart tableタグをdivタグへ

2009-06-16T23:02:52Z

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タグに変更。

を

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

を

としました。

style="width: "

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

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

Zen Cart デフォルトのmetaタグやら文言やら画像やら

2009-06-16T21:36:12Z

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

]]> meta_tags.php

定数「TITLE、SITE_TAGLINE、CUSTOM_KEYWORDS」あたりをkahoyanサイト用に変更していく。

metaタグの内容は各ページごとに設定可能で管理画面/商品の管理/カテゴリ・商品の管理
下図ボタンクリックから設定画面に入れます。

ロゴ画像の差換え

オリジナルで作成したロゴ画像を下記にアップ。

/includes/templates/kahoyan/images/logo.gif

header.php

定数「HEADER_ALT_TEXT、HEADER_SALES_TEXT、HEADER_LOGO_WIDTH、HEADER_LOGO_HEIGHT、HEADER_LOGO_IMAGE」をアップした画像にあわせ修正。

index.php

HEADING_TITLE　をサイトにあわせ修正しました。

新規カスタムテンプレートの作成（Kahoyan Template）

2009-06-15T19:43:18Z

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

]]> オーバーライドによるファイル修正はこんな感じ。

オーバーライド

2009-06-15T19:21:33Z

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

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

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


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

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

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

Zen Cartインストール後のセキュリティ設定

2009-06-15T07:08:30Z

管理画面ディレクトリ名の変更。（管理画面への第三者の侵入を防ぐ。）
```
/（ZenCartインストールディレクトリ）/admin/includes
```
を
```
/（ZenCartインストールディレクトリ）/○○○○○○/includes
```
○○○○○○と、任意のディレクトリ名に変更。
ディレクトリ　/（ZenCartインストールディレクトリ）/○○○○○○/includes　の　configure.php　ファイルを修正。
```
38行目　define('DIR_WS_ADMIN',     '・・・/admin/');
40行目　define('DIR_WS_HTTPS_ADMIN', ・・・/admin/');
57行目　define('DIR_FS_ADMIN', '・・・/admin/');
```
の　admin　部分を　変更したディレクトリ名　○○○○○○　に変更。
言語パッケージ内の定番ページファイル
ディレクトリ　/（ZenCartインストールディレクトリ）/includes/languages/japanese/html_includes/My Template
オーバーライドしてない場合は
/（ZenCartインストールディレクトリ）/includes/languages/japanese/html_includes/
上記ディレクトリのphpファイルは、第三者に改ざんされないように、編集時以外はパーミッション設定を書き込み不可にしておく。

Zen Cartインストール

2009-06-15T02:59:27Z

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の豊富な機能をくまなく活用するには、デモ情報インストールをオススメします。

Zen Cart Custmize memo

2009-06-14T00:01:51Z

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

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

Zen Cart 日本語公式サイト

Zen Cart　日本語版（デモサイト）

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

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

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

]]> Zen Cart（ゼン・カート）は、GNU/GPLで配布されているオープンソースのECサイト構築システム。

情報暗号化SSLでの送受信対応、在庫管理・顧客管理など、オンラインショップの基本機能に加え、出力されるXHTMLソースコードはSEOを考慮したタグ構造になっていてCSSによるレイアウト（デザイン）のカスタマイズの自由度も高い。

ってことだけど、defaultのテンプレートでは、tableタグで出力されてる。。

この辺から弄くってみよう！！っと。