始于设计 - 专于体验 - 合于沟通 - 久于转化 - 终于口碑 !      16年高端网站建设、跨境电商独立站定制开发、300+专业技术,设计团队、国家高新技术企业
zen-cart模板参考文档,如何修改Zen-cart模板

发布者:万邦     目录:跨境电商独立站     阅读数:35492

Zen Cart的模板设计比较复杂,需要一定的时间来熟悉。一旦你了解了它的结构,就会慢慢习惯了。

首先要阅读常见问答部分的:如何添加、制作新模板。 Zen Cart的设计没有什么特别,与以前设计HTML页面是一样的。只是整个页面分成了好几个部分,并加入了PHP代码。通常,页面分为页眉 (header),页脚(footer),边框(sideboxes)。所以设计页面的时候,要记住Zen Cart是如何组织这些页面的。
页面是通过CSS样式表来控制的。样式表控制表格单元的背景图案、字体的颜色和样式等等。所以,假如你需要修改边框标题栏的字体,那么查看样式表文件。
Zen Cart在页面添加图像有两种方式。可以使用图像目录的相对路径,或者在模板中用php变量定义图像。如果你使用https服务器,并且采用相对图像路径,那么https的图像目录下也要有同样的图像,否则https服务器很可能会给出警告提示。
php学习之家
Zen Cart可以设置成任意的html/flash的界面,只是比通常的html页面的设计费时。你可以从修改缺省的模板开始,先修改CSS文件和三栏格式的界面。开始先采用不同的颜色,很快就可以设计出完全不同的风格。
最后,在设计模板前要先计划好你网页的内容,事半功倍。
下面是zen cart页面各部分相对应模板文件的一个列表:
文件路径         注释
index.php         主文件
includes/templates/[custom template folder]/common/html_header.php         页面的head部分
includes/templates/[custom template folder]/common/tpl_main_page.php         页面的body部分
includes/templates/[custom template folder]/common/tpl_header.php         所有页面的页眉
(column left)         
includes/templates/[custom template folder]/common/main_template_vars.php         决定页面的内容部分,缺省为 ‘tmp_index_default.php’
首页 - 缺省
includes/templates/[custom template folder]/templates/tmp_index_default.php         首页模板文件
首页 - 显示分类
includes/templates/[custom template folder]/templates/tpl_index_categories.php         首页上显示分类时的模板文件
includes/modules/[custom template folder]/pages/index/category_row.php         选择要显示的分类
includes/templates/[custom template folder]/templates/tpl_index_category_row.php         显示分类
首页 - 显示指定分类
includes/templates/[custom template folder]/templates/tpl_index_product_list.php         首页上显示指定的分类时采用的模板文件
includes/modules/[custom template folder]/product_listing.php         将商品数据添加到数组
includes/templates/[custom template folder]/templates/tpl_modules_product_listing.php         显示商品数量和商品导航菜单
includes/templates/[custom template folder]/common/tpl_list_box_content.php         显示商品数组
商品信息页面
includes/templates/[custom template folder]/templates/tpl_product_info_display.php         显示单件商品信息
购物车页面
includes/templates/[custom template folder]/templates/tpl_shopping_cart_default.php         购物车页面
(column right)         
includes/templates/[custom template folder]/common/tpl_footer.php         所有页面的页脚
最近一直在调度zen-cart,找到了下面这篇文章,是关于如果修改zen cart模版的,很有用,,跟大家分享一下。
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 $_GET['main_page']
manufacturers_id 生产厂商ID
product_id 产品ID
$tmp_pagename index_home
有加载modules/pages
======================
首页加载的文件
html_header.php
tpl_index_default.php {indeXDefaultMainContent 首页可以编辑}
tpl_modules_featured_products.php -> tpl_columnar_display.php
bannerOne banners [后台bannner控制]
logo 修改 tpl_header.php 页面 在模板的images/logo.gif
id=”mainwrapper”
common/tpl_header.php 功能:所有页面的页眉 基本可以不用或者广告用
id=”headerwrapper”
navColumnOnewrapper
navEZpagesTOp 简易页面的连接
左边分类在 templates/模板/sideboxes/下面 sql参数在categories.php
=============================
1. 在首页顶部增加连接的方法。
找到模板文件夹下面的zcen/tpl_header.php
在#topbarwrap与#topbar 增加一个连接 里面写上你要的连接
2. Logo的替换。这个在后台是没有的。在语包的文件里定义。
找到languages/english/zcen/header.php 找到Header_logo_image 常量 修改
或者 替换 模板下面的 logo.gif文件/includes/templates/zcen/images/logo.gif
3. 导航栏的东西〔这个后台的设计的)
样式调节#navEZPagesTop
后台的 参数调整:0 1 2
后台的 ezpage设置
4. 首页分类名称的修改
打开 /templates/languages/english.php
找到:define(”BOX_HEADING_CATEGORIES”,”CATEGORIES”)
改为:define(”BOX_HEADING_CATEGORIES”,”Select you game”);
主`
D:WEBzen-cartincludes emplatesclassiccssstylesheet.css
整个页面组织
D:WEBzen-cartincludes emplates emplate_defaultcommon pl_main_page.php
网页左右栏width源代码:
动态调用width: ”>,
在后台-configuration-layout里可以更改Column Width/
Column Width - Left Boxes
商品分类名称Categories更改:BOX_HEADING_CATEGORIES,
“D:WEBzen-cartincludeslanguagesenglish.php”(78,11): 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
左边栏处理:只保留includes emplates emplate_defaultsideboxes pl_categories.php,在里面增加
图片链接
右边栏的处理:
1.后台设置为保留who’s onlie(sideboxes/whos_online.php),
与之对应的 tpl_box_default_right.php,查找进行替换
2.添加左边栏目内容,对tpl_box_default_right.php更改:
中部修改:
===========
includes emplates emplate_default emplates pl_index_default.php
去掉顶部说明:
去掉欢迎信息:
去掉顶部导航:
includes emplates emplate_defaultcommon pl_main_page.php
trail(BREAD_CRUMBS_SEPARATOR); ?>
模板顶部修改:
==========
zen-cartincludes emplates emplate_defaultcommon
pl_header.php
内可增加链接
get_template_dir(’tpl_header.php’,DIR_WS_
TEMPLATE, $current_page_base,’common’). ‘/tpl_header.php’);?>
上段从抽出,放在它前面做全屏导航版块
顶部搜索按钮修改:
includes emplates emplate_defaultcommon pl_header.php :
自动生成导航栏:
includes emplates emplate_default emplates
tpl_modules_categories_tabs.php
将其代码掏空,重新添加导航代码:
~~~~~~~~~~~~~~~~~~~~~~~~~
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 $
*/
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORIES_TABS));
?>
= 1) { ?>
~~~~~~~~~~~~~~~~~~~~~~
的log背景:
zen-cartincludes emplates emplate_defaultcommon
pl_header.php
底部导航修改:
includes emplates emplate_defaultcommon pl_main_page.php
zen cart 打开错误信息显示调试开关
在调试zencart网店时,有时修改了某些文件,网店前台显示不完整了,或者出现了空白页面,可以通过以下方法打开错误提示:
打开文件 includesapplication_top.php ,找到
if (defined('STRICT_ERROR_REPORTING') && STRICT_ERROR_REPORTING == true) {
在前面增加一行
define('STRICT_ERROR_REPORTING', true);

上一篇: 外贸网站建设访问IP限制策略

下一篇: 用户体验对外贸网站的意义