搜档网
当前位置:搜档网 › zencart模板修改及CSS加载流程

zencart模板修改及CSS加载流程

url:http://localhost/zencart/index.php?main_page=index&cPath=48

^header_php ------------->includes/moudles/INDEX/HEADER.PHP


html_header.php----------->
main_template_vars.php---->
tpl_main_page.php--------->
|
|
程序会依次在
includes/templates/zccn/index

includes/templates/template_default/index

includes/templates/zccn/common

includes/templates/template_default/common

这四个目录下找html_header.php


^on_load_*.JS--->includes/moudles/INDEX/ 具体页面JS
^on_load_ -->
依次在
includes/templates/ TEMPLATE/jscript/on_load/ 全局JS
includes/templates/ TEMPLATE/jscript/on_load_/
中寻找on_load_*.js



css规则
Zen Cart的stylesheet是放在这个文件夹里面的:/includes/templates/YOUR_TEMPLATE/css
接下来我们看一下如何使用Zen Cart内置的功能实现为某些页面引入特定的stylesheets.
CSS文件将按以下顺序发送到浏览器:(如果存在多个属于相同情况的css,它们将会按字母顺序被发送到浏览器,举例来说,如果同时存在stylea.css和styleb.css,那么Zen Cart 将按stylea.css,styleb.css的顺序发送css文件到浏览器):
style*.css // 这样的css文件会在所有页面被加载,一般是把网站大部分的css写在stylesheet.css里面
language_stylesheet.css // 当网站使用的语言是此css文件指定的语言时,该css文件对所有页面有效。例如english_stylesheet.css在网站使用的语言是英文时将对网站的所有页面有效。
page_name.css // 仅在网站当前页面是page_name时,这个css文件才起作用。比如login.css只在登录页面起作用。 (如果你想让你的css只在首页起作用,那你就用index_home.css)
language_page_name.css // 当网站使用的语言是这个css文件指定的语言,并且网站当前页面是page_name时,这个css文件将被调用。
c_??.css // 将在目录页面被调用
language_c_??.css // 当网站使用的语言是这个css文件指定的语言时,这个css文件将在目录页面被调用
m_??.css // 将在制造商列表页面被调用
language_m_??.css // 当网站使用的语言是这个css文件指定的语言时,这个css文件将在制造商列表被调用
p_??.css // 将在某一特定的产品页面被调用。举个例子,p_1.css,这个文件只对product_id为1的产品页起作用
language_p_??.css // 当网站使用的语言是这个css文件指定的语言时,这个css文件将在产品页面被调用
print*.css // 只有在用打印机打印页面时,这个css文件才会起作用。


/\*tpa=http://[^\s]*.*\*/ 正则替换


zen_get_new_date_range


index模块
主体部分加载顺序

tpl_index_categories.php 点击产品分类 如果还有子分类时是这个----------------- (包含子分类时)
--会用到文件tpl_modules_category_row.php--〉
-〉 使用category_row.php进行数据处

理,
-〉 使用tpl_columnar_display.php进行数据输出

tpl_index_product_list.php ---------------不含子分类时-
--会用到产品列表tpl_modules_product_listing.php,其
-〉 使用product_listing.php进行数据处理,
-〉 使用tpl_tabular_display.php进行数据输出

tpl_index_default.php 刚打开首页时是这个

首页新进商品--会用到文件tpl_modules_whats_new.php,其
-〉 使用new_products.php进行数据处理,
-〉 使用tpl_columnar_display.php进行数据输出

首页推荐商品--会用到tpl_modules_featured_php
-〉 使用featured_products.php进行数据处理,
-〉 使用tpl_columnar_display.php进行数据输出

首页特价商品--会用到tpl_modules_specials_default.php
-〉 使用specials_index.php进行数据处理,
-〉 使用tpl_columnar_display.php进行数据输出

新进商品 moudles/pages/products_new模块

products_new-->header.php
html_header.php
main_template_vars.php--定义默认主体页为tpl_products_new_default.php
主体部分tpl_products_new_default.php--包含模板页tpl_modules_products_new_listing.php
tpl_modules_listing_display_order.php

使用tpl_modules_products_new_listing.php进行输出

推荐商品 moudles/pages/featured_products模块

featured_products-->header.php
html_header.php
main_template_vars.php--定义默认主体页为tpl_featured_products_default.php
主体部分tpl_products_new_default.php--包含模板页* tpl_modules_featured_products_listing.php
使用tpl_modules_featured_products_listing.php进行输出

其它产品模块类似:specials product_revies products_all

特价产品 moudles/pages/specials模块
specials-->header.php
html_header.php
pages/specials/main_template_vars.php--定义默认主体页为tpl_specials_default.php
主体部分tpl_products_new_default.php--包含模板页* tpl_columnar_display.php
使用tpl_columnar_display.php进行输出

相关主题