【php精品源码栏目提醒】:网学会员为需要php精品源码的朋友们搜集整理了【精品】史上最详细ZEN-CART模板修改文档 - 网络与通信相关资料,希望对各位网友有所帮助!
史上最详细 ZEN-CART 模板修改文档1、 zen-cart 模板规则1.1 /include/目录底下文件夹存放规则及其作用 language 常数定义 ;modules 具体页修改 这个文件夹底下是放模板的这面是默认模板目录,所有在自定义模板找不到 自己所要安装的模板的文件都可以在这里找到1.2 文件夹底下文件的规则及其作用 板文件夹底下一般有如下的文件夹: 这个文件夹主要存放按钮图片 例如: 之类的。
这个文件夹非常的重要,是主模板文件存放处,模板的修改一半以上在这 这个文件夹是存放模板的 css 样式文件。
通常 zencart 模板都是 cssdiv 这个文件夹是存放模板的图片文件夹 这个文件夹存放具体页面的模板文件(细节页面,及其功能模块) 是填写该模板的信息。
1.3 目录底下所有文件夹的具体文件解释: :头部代码,主要是关于 title meta link 等标签代码,基本用 html 代码完成 :底部版权、导航等代码。
PHP 语句。
:头部代码,主要是 logo 导航等。
PHP 语句。
:主文件。
Body 标签之间的代码都在这里面。
PHP 语句。
:一些具体描述页面的 CSS,基本用不上。
:主要的 css 样式修改文件,百分之九十都在这里面修改。
重中之重。
:一些按钮 留言板 信息框的 css 样式文件,基本用不上。
(注:这个文件夹底下的具体的文件就不解释了)2、 zen-cart 模板修改和制作第一章介绍了 zencart 模板的存放规则,接下来开始介绍 zen-cart 模板的修改。
当了解了一个网站模板的存放规则之后, 接下来可以了解改模板代码的规律, 这样对于模板的制作和修改就更加清晰。
2.1 zen-cart 模板源代码的规律 了解一个网站的代码规则,对于二次开发或者模板制作都是必须的。
2.1.1 代码规则url 解释: 例如:http://localhost/zc/index.phpmain_pagelogin 那么该文件的位置是:modules/pages/login 这样可以看出来,url 可以提示当前访问页面的位置,而且改 url 也是有规律的 pages/login 。
Zencart 函数: 例如:template-gtget_template_dir 那么该函数是在 function 文件里面。
这个函数的作用是取得 template 文件夹底下的文件。
Tempalte -- get --- template --- dirZencart 常数: 例如:DIR_WS_TEMPLATE 那么该常数一般存放在 includeslanguagesenglish 文件夹的 index.
php 文件里面。
具体页面的常数可以到 includeslanguagesenglish 这里面查找对应的文件。
强调:zencart 是一个基本用常数代替所有具体语言的网站系统,如果你想修改网站中的描述文字,那么基本要到 includeslanguagesenglish 这个文件夹底下进行查找修改。
这样做的好处有很多,其一可以让改网站方便开发语言包,国际化等等。
Zencart 的 if 语句特别多 解释:因为 zencart 是一个功能模块特别多,而且方便进行二次开发的网站系统,而且可以方便的在后台进行控制,这些 if 语句基本后台进行控制的 看了以上的解释,如果以后看源代码看到有 if 语句进行判断的,如果不想去掉源代码或者不好调试,那么可以到后台进行查找。
2.1.2 tpl_main_page.
php 主要文件的代码规律 tpl_main_page.
php 文件的图模型:tpl_main_page.
php 文件的简单模型,以上图可以进行对照:2.1.2 tpl_header.
php 主要文件的代码规律2.1.3 其他的具体页面省了 (底部的和头部的一样)2.2 zencart 模板的修改的具体代码详解2.2.1 模板左侧所有板块Main.
php -gt module left -gt requireDIR_WS_MODULES . sideboxes/ .column_left_display-gtfieldslayout_box_name2.2.2 左侧模板目录栏下面的小分栏导航栏修改地方 CSS:.leftBoxHeading .rightBoxHeading 2.2.3 HEADING_TITLE –》 在 language/english/index.
php 里面 代 码 在2.2.4、修改 centerColumn 可以修改中间产品方框的大小2.2.5 、BODY 文件在这个文件生效 requirebody_code includes/modules/pages/index/main_template_vars.
php2.2.6、去掉首页顶部的目录: -- 》如果还有的话请去掉 tpl_header.
php 里面的这段代码:lt--ltphp //requiretemplate-gtget_template_dirtpl_modules_categories_tabs.phpDIR_WS_TEMPLATEcurrent_page_basetemplates. /tpl_modules_categories_tabs.
php gt--gt2.2.7.更改底部版权信息,可以在后台直接修改。
具体的地方为:configuration----my store --- footer text body2.2.8、当在调试 IE 和 FF 的时候出现模板的版式不一样时候,可以看看模板的 CSS 样式里面是不是多处了一个特别的 CSS。
如果有,那么它就是罪魁祸首。
2.2.9、navMain 在模板 CSS 的主样式里面这个的主要功能是修改模板的导航条。
2.2.10、centerColumn 在模板的 CSS 主样式里面这个的主要功能是修改模板内容模块,即图片显示区域。
2.2.11、mainWrapper 在模板的 CSS 主样式里面这个的主要功能是修改模板的宽度。
2.2.12、logoWrapper 修改 logo2.2.13 meta 标签 位置在 includeslanguageEnglish2.2.14 、navSuppWrapper 底部导航条的 CSS 样式。
2.2.15、navColumnOne 修改左边栏目背景色2.2.16、sideBoxContent 这个可以改主要模块的背景色。
(左中右)2.2.17 、如果看到诸如 h3 之类的标题,要修改其样式可以直接在 css 样式里面找。
2.2.18、 如果底部版权出现在旁边 可能 CSS 的样式出现错误 比如 float:right2.2.19、legend 修改注册的 input 背景色及其字体2.2.20、contentMainWrapper 这个是设置整个内容的背景色2.2.21 logo 出现向左飘逸 有如下的原因:logo 样式含有 float::left2.2.22 出现购物空白页 上传文件 checkout_shipping 以下是代码的具体修改DIR_WS_CATALOG // zent cat 目录 这些在 includes/configure.
php 定义meta_tags.
php //定义网站的 meta 信息。
这些是从数据库中取出来的。
在 includes/modules/下面HTML_PARAMS //模板语言常量文件定义的。
current_page_base 在 includes/init_inicludes/init_sanitize.
php _GETmain_pagemanufacturers_id 生产厂商 IDproduct_id 产品 IDtmp_pagename index_home 有加载 modules/pages首页加载的文件html_header.phptpl_index_default.
php indeXDefaultMainContent 首页可以编辑}tpl_modules_featured_products.
php -gt tpl_columnar_display.phpbannerOne banners 后台 bannner 控制logo 修改 tpl_header.
php 页面 在模板的 images/logo.gif idquotmainwrapperquotcommon/tpl_header.
php 功能:所有页面的页眉 基本可以不用或者用广告 idquotheaderwrapperquotnavColumnOnewrappernavEZpagesTOp 简易页面的连接左边分类在 templates/模板/sideboxes/下面 sql 参数在 categories.
php1. 在首页顶部增加连接的方法。
找到模板文件夹下面的 zcen/tpl_header.
php在topbarwrap 与topbar 增加一个ltdivgt连接lt/divgt 里面写上你要的连接2. Logo 的替换。
这个在后台是没有的。
在语包的文件里定义。
找到 languages/english/zcen/header.
php 找到 Header_logo_image 常量 修改或者 替换 模板下面的 logo.gif 文件/includes/templates/zcen/images/logo.gif3. 导航栏的东西〔这个后台的设计的) 样式调节navEZPagesTop 后台的 参数调整:0 1 2 后台的 ezpage 设置4. 首页分类名称的修改 打开 /templates/languages/english.
php 找到:definequotBOX_HEADING_CATEGORIESquotquotCATEGORIESquot 改为:definequotBOX_HEADING_CATEGORIESquotquotSelect you gamequot主D:WEBzen-cartincludestemplatesclassiccssstylesheet.css整个页面组织D:WEBzen-cartincludestemplatestemplate_defaultcommontpl_main_page.
php网页左右栏 width 源代码: idquotnavColumnOnequot classquotcolumnLeftquot stylequotwidth: 150pxquotgt lttd动态调用 width: ltphp echo COLUMN_WIDTH_LEFT gtquotgt,在后台-configuration-layout 里可以更改 Column Width/Column Width - Left Boxes商品分类名称 Categories 更改:BOX_HEADING_CATEGORIES,quotD:WEBzen-cartincludeslanguagesenglish.phpquot7811:defineBOX_HEADING_CATEGORIES Categoriesspooer 名称更改:defineBOX_HEADING_BANNER_BOXSponsors默 认 模 板 , 左 spooner 对 应 BOX_HEADING_BANNER_BOX 右 上 spooer 对BOX_HEADING_BANNER_BOX_ALL 右下 spooer 对应 BOX_HEADING_BANNER_BOX2左边栏处理:只保留 includestemplatestemplate_defaultsideboxestpl_categories.
php,在里面增加 图片链接右边栏的处理:1.后台设置为保留 whos onlie(sideboxes/whos_online.
php),与之对应的 tpl_box_default_right.
php,查找ltphp echo title gt进行替换2.添加左边栏目内容,对 tpl_box_default_right.
php 更改:中部修改:=================includestemplatestemplate_defaulttemplatestpl_index_default.
php去掉顶部说明:ltphp if SHOW_CUSTOMER_GREETING 1 gtlth2 classquotgreetingquotgtltphp echo zen_customer_greeting gtlt/h2gtltphp gt去掉欢迎信息:lth1 idquotindexDefaultHeadingquotgtltphp echo HEADING_TITLE gtlt/h1gt去掉顶部导航:includestemplatestemplate_defaultcommontpl_main_page.phpltdiv idquotnavBreadCrumbquotgtltphp echobreadcrumb-gttrailBREAD_CRUMBS_SEPARATOR gtlt/divgt模板顶部修改:================zen-cartincludestemplatestemplate_defaultcommontpl_header.phpltdiv idquotnavMainquotgtlt/divgt内可增加链接ltphp/ prepares and displays header output / if CUSTOMERS_APPROVAL_AUTHORIZATION 1 ampampCUSTOMERS_AUTHORIZATION_HEADER_OFF true and_SESSIONcustomers_authorization 0 or _SESSIONcustomer_id flag_disable_header true requiretemplate-gtget_template_dirtpl_header.phpDIR_WS_TEMPLATEcurrent_page_basecommon. /tpl_header.phpgt上段从ltdiv idquotmainWrapperquotgt抽出,放在它前面做全屏导航版块顶部搜索按钮修改:includestemplatestemplate_defaultcommontpl_header.
php :ltdiv idquotnavMainSearchquotgtltphp requireDIR_WS_MODULES . sideboxes/search_header.
php gtlt/divgt自动生成导航栏:includestemplatestemplate_defaulttemplatestpl_modules_categories_tabs.
php将其代码掏空,重新添加导航代码:ltphp/ Module Template - categories_tabs Template stub used to display categories-tabs output package templateSystem copyright Copyright 2003-2005 Zen Cart Development Team copyright Portions Copyright 2003 osCommerce license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 version Id: tpl_modules_categories_tabs.
php 3395 2006-04-08 21:13:00Z ajeh / includeDIR_WS_MODULES .zen_get_module_directoryFILENAME_CATEGORIES_TABSgtltphp if CATEGORIES_TABS_STATUS 1 ampamp sizeoflinks_list gt 1 gtltdiv idquotnavCatTabsWrapperquotgtltdiv idquotnavCatTabsquotgtltulgtltphp for i0 nsizeoflinks_list iltn i gt ltligtltphp echo links_listigtlt/ligtltphp gtlt/ulgtlt/divgtlt/divgtltphp gt清除多余的 log 背景:zen-cartincludestemplatestemplate_defaultcommontpl_header.phpltdiv idquottaglinequotgtltphp echo HEADER_SALES_TEXTgtlt/divgt底部导航修改:includestemplatestemplate_defaultcommontpl_main_page.phpltdiv idquotbannerSixquot classquotbannersquotgtltphp echo zen_display_bannerstatic banner gtlt/divgtDIR_WS_CATALOG // zent cat 目录 这些在 includes/configure.
php 定义meta_tags.
php //定义网站的 meta 信息。
这些是从数据库中取出来的。
在 includes/modules/下面HTML_PARAMS //模板语言常量文件定义的。
current_page_base 在 includes/init_inicludes/init_sanitize.
php _GETmain_pagemanufacturers_id 生产厂商 IDproduct_id 产品 IDtmp_pagename index_home有加载 modules/pages首页加载的文件html_header.phptpl_index_default.
php indeXDefaultMainContent 首页可以编辑}tpl_modules_featured_products.
php -gt tpl_columnar_display.phpbannerOne banners 后台 bannner 控制logo 修改 tpl_header.
php 页面 在模板的 images/logo.gifid”mainwrapper”common/tpl_header.
php 功能:所有页面的页眉 基本可以不用或者广告用id”headerwrapper”navColumnOnewrappernavEZpagesTOp 简易页面的连接左边分类在 templates/模板/sideboxes/下面 sql 参数在 categories.
php1. 在首页顶部增加连接的方法。
找到模板文件夹下面的 zcen/tpl_header.
php在topbarwrap 与topbar 增加一个ltdivgt连接lt/divgt 里面写上你要的连接2. Logo 的替换。
这个在后台是没有的。
在语包的文件里定义。
找到 languages/english/zcen/header.
php 找到 Header_logo_image 常量 修改或者 替换 模板下面的 logo.gif 文件/includes/templates/zcen/images/logo.gif3. 导航栏的东西〔这个后台的设计的)样式调节navEZPagesTop后台的 参数调整:0 1 2后台的 ezpage 设置4. 首页分类名称的修改打开 /templates/languages/english.
php找到:define”BOX_HEADING_CATEGORIES””CATEGORIES”改为:define”BOX_HEADING_CATEGORIES””Select you game”主D:WEBzen-cartincludestemplatesclassiccssstylesheet.css整个页面组织D:WEBzen-cartincludestemplatestemplate_defaultcommontpl_main_page.
php网页左右栏 width 源代码:lttd id”navColumnOne” class”columnLeft” style”width:150px”gt动态调用 width: ltphp echo COLUMN_WIDTH_LEFT gt”gt,在后台-configuration-layout 里可以更改 Column Width/Column Width – Left Boxes商品分类名称 Categories 更改:BOX_HEADING_CATEGORIES,“ D:WEBzen-cartincludeslanguagesenglish.
php”7811:define’BOX_HEADING_CATEGORIES’ ‘Categories’spooer 名称更改:define’BOX_HEADING_BANNER_BOX’Sponsors’默 认 模 板 , 左 spooner 对 应 ’ BOX_HEADING_BANNER_BOX ’ 右 上 spooer 对 ’BOX_HEADING_BANNER_BOX_ALL’右下 spooer 对应 BOX_HEADING_BANNER_BOX2左边栏处理:只保留 includestemplatestemplate_defaultsideboxestpl_categories.
php,在里面增加图片链接右边栏的处理:1.后台设置为保留 who’s onlie(sideboxes/whos_online.
php) ,与之对应的 tpl_box_default_right.
php,查找ltphp echo title gt进行替换2.添加左边栏目内容,对 tpl_box_default_right.
php 更改:中部修改:===========includestemplatestemplate_defaulttemplatestpl_index_default.
php去掉顶部说明:ltphp if SHOW_CUSTOMER_GREETING 1 gtlth2 class”greeting”gtltphp echo zen_customer_greeting gtlt/h2gtltphp gt去掉欢迎信息:lth1 id”indexDefaultHeading”gtltphp echo HEADING_TITLE gtlt/h1gt去掉顶部导航:includestemplatestemplate_defaultcommontpl_main_page.phpltdiv id”navBreadCrumb”gtltphp echo breadcrumb-gttrailBREAD_CRUMBS_SEPARATOR gtlt/divgt模板顶部修改:==========zen-cartincludestemplatestemplate_defaultcommontpl_header.phpltdiv id”navMain”gtlt/divgt内可增加链接ltphp/ prepares and displays header output/if CUSTOMERS_APPROVAL_AUTHORIZATION 1 ampampCUSTOMERS_AUTHORIZATION_HEADER_OFF ‘true’ and_SESSIONcustomers_authorization 0 or_SESSIONcustomer_id ” flag_disable_header truerequiretemplate-gtget_template_dir’tpl_header.
php’DIR_WS_TEMPLATE current_page_base’common’. ‘/tpl_header.
php’gt上段从ltdiv id”mainWrapper”gt抽出,放在它前面做全屏导航版块顶部搜索按钮修改:includestemplatestemplate_defaultcommontpl_header.
php :ltdiv id”navMainSearch”gtltphprequireDIR_WS_MODULES . ’sideboxes/search_header.
php’ gtlt/divgt自动生成导航栏:includestemplatestemplate_defaulttemplatestpl_modules_categories_tabs.
php将其代码掏空,重新添加导航代码:ltphp/ Module Template – categories_tabs Template stub used to display categories-tabs output package templateSystem copyright Copyright 2003-2005 Zen Cart Development Team copyright Portions Copyright 2003 osCommerce license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 version Id: tpl_modules_categories_tabs.
php 3395 2006-04-08 21:13:00Z ajeh /includeDIR_WS_MODULES .zen_get_module_directoryFILENAME_CATEGORIES_TABSgtltphp if CATEGORIES_TABS_STATUS ‘1′ ampamp sizeoflinks_list gt 1 gtltdiv id”navCatTabsWrapper”gtltdiv id”navCatTabs”gtltulgtltphp for i0 nsizeoflinks_list iltn i gtltligtltphp echo links_listigtlt/ligtltphp gtlt/ulgtlt/divgtlt/divgtltphp gt的 log 背景:zen-cartincludestemplatestemplate_defaultcommontpl_header.phpltdiv id”tagline”gtltphp echo HEADER_SALES_TEXTgtlt/divgt底部导航修改:includestemplatestemplate_defaultcommontpl_main_page.phpltdiv id”bannerSix” class”banners”gtltphp echo zen_display_banner’static’banner gtlt/divgt主样式表includestemplatesclassiccssstylesheet.css整个页面组织D:WEBzen-cartincludestemplatestemplate_defaultcommontpl_main_page.
php网页左右栏 width 源代码: idquotnavColumnOnequot classquotcolumnLeftquot stylequotwidth: 150pxquotgt lttd动态调用 width: ltphp echo COLUMN_WIDTH_LEFT gtquotgt,在后台-configuration-layout 里可以更改 Column Width/Column Width - Left Boxes商品分类名称 Categories 更改:BOX_HEADING_CATEGORIES,quotD:WEBzen-cart.