Zen Cart tableタグをdivタグへ

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ファイルの該当箇所を変更していく方法にしました。