Zen CartでCSS（スタイルシート）を利用する、読み込む
Zen Cart 1.3.0.2-l10n-jp-5
Zen CartのテンプレートでCSSを読み込むためには、下記のようにします。
- テンプレートディレクトリ内に”css”という名前のディレクトリを作る
- その中に、ファイル名の最初に”stylesheet”がついた名前のCSSをアップロードする。たとえば”test.css”というCSSファイルを読み込ませたい場合は、”stylesheet_test.css”という名前に変更してアップロードする。
- すると、自動的にCSSが読み込まれます。
これは、Zen Cartのテンプレート、ヘッダーを構成するファイル
/includes/templates/テンプレート名/common/html_header.php
に
/**
* load all template-specific stylesheets, named like "style*.css", alphabetically
*/
$directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^style/', '.css');
while(list ($key, $value) = each($directory_array)) {
echo '<link rel="stylesheet" type="text/css" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
}
と記述してあるからです。
ちなみに、アルファベット順に読み込むことになっているので、CSSの読み込み順序を変更したい場合は、読み込ませたい順番にアルファベット順がなるように名前をつけましょう。