zencart个人模板开发记录，有模板文件

//author:wangli911007120@163.com //熟悉zencart一个星期，花3天做了模板，从界面的设计到样式的修整 //该模板是在pure_red_free模板的基础上进行修改的，有中文按钮 版权所有 ? 2011 wowoshop. Powered by wowo Designed by wowo //修footer中的相关版权信息都是在../include/laguages/your_template_name/schinese.php(english.php) ------------------------------------------------------------------------ 浏览器标题显示"Zen Cart!, 电子商务的艺术"，如何修改 复制文件 /includes/languages/schinese/meta_tags.php 到 /includes/languages/schinese/您的模板名/meta_tags.php 在文件的前几行，找到： // page title define('TITLE', 'Zen Cart!'); // Site Tagline define('SITE_TAGLINE', '电子商务的艺术'); 修改这两行就可以了。 ------------------------------------------------------------------------- color：#a457b2 --------------------- zencart 模板修改记录 pure_red_free -------------------------------------- 首页的最上面右边的 【首页本店新闻新进商品推荐商品特价商品注册】这些个链接在 文件夹 includes\templates\pure_red_free\templates\tpl_ezpages_bar_header.php -------------------------------------- 去掉NAV下面的高级搜索 includes\templates\pure_red_free\templates\tpl_top_nav.php --------------------------------------- NAC下面那行的购物车 includes\templates\pure_red_free\templates\tpl_shopping_cart_header.php --------------------------------------- 这个页面是首页加载的入口 includes\templates\pure_red_free\common\tpl_main_page.php --------------------------------------- 整个页面的话我在整个块外面套了个wowo_mainWrapper的div这个是整个页面的宽度限制， 也可以用来添加背景 然后headerWrapper外面添加了一个块wowo_header_wrapper这个主要是为了设置头部的背景， wowo_head_guanggao是在headerWrapper中的一个快，位于NAV下面，用来添加动态的广告。 ------------------------------------------ home-link的话，修改完成nav的高和背景图片的时候，会在右边有个小横线，我觉得是边框的问题， <li class="home-link" style=" border:none;">加上border就解决了问题，ps:紫色模板那个很烂， 没有保留原有的active的状态背景，还有hover时候的背景，很鄙视，估计是该作者很差 ------------------------------------------ wowo_top_nav_text控制nav中text的位置样式，当然不包括购物车 nav各个导航按钮的普通状态的背景是bg_tabs_right.gif的第一块，hover状态的背景是第二块按下是第三 ------------------------------------------ 购物车的图标的大小cart-icon中设置 ------------------------------------------ #navSuppWrapper中设置footer的背景 ------------------------------------------ #wowo_mainWrapper中，是我自己添加的包围所有内容的块，可以用来设置 body内容的背景用， 如果你头部是一个背景，中间body又想一个背景，然后总的还有一个背景就可以设置这个背景， ------------------------------------------ .leftBoxHeading, .rightBoxHeading控制各个展示块的title就是块上面的说明文字 .sidebox-header-left_title（wowo_add）控制左边列的 title文字的位置 tpl_box_default_left.php 中的<span class="wowo_leftBoxContainer_title"></div>//我添加的为了控制其中的字的位置 tpl_box_default_right.php 中的<span class="wowo_rightBoxContainer_title"></div>//我添加的为了控制其中的字的位置 ------------------------------------ #navSuppWrapper中的border-top: 2px solid #cecece;控制footer的上面的那条线 -------------------------------------- includes\templates\pure_red_free\templates\sideboxes\tpl_categories.php 修改商品类表背景 背景设置为图片，足够高，就能撑开也有背景变化 -------------------------------------- 有关购物车的说明。 (includes/languages/schinese/shopping_cart.php) 显示在购物车商品预览页 -------------------------------------- tpl_header.php的wowo广告部分我添加了一个被require的块wowo_tpl_head_guanggao.php 该文件位于includes\templates\pure_red_free\templates\wowo_tpl_head_guanggao.php 对其进行修改就是对wowo广告内容的修改 ------------------------------------- includes\templates\pure_red_free\templates\tpl_modules_whats_new.php本来该模板中是没有这个文件的 修改new products的入口 includes\templates\pure_red_freecommon\tpl_columnar_display.php本来该模板中是没有这个文件的 可以直接在里面修改显示的图片的背景啊，边框，距离，还有position：relative；left的数值 -------------------------------------- includes\templates\pure_red_free\buttons本来中文的按钮文件没有的是用的是默认的template的按钮， 我添加了这个文件并进行了修改图片 ------------------------------------------ Categories块中的商品名之间的横线是用图做成的在样式.categories-top-list中可进行修改 ------------------------------------------ 修改总览 【1】吧头部和logo一行的那些个链接都去掉了添加上了HOME|LOGIN|REGISTER并进行布局 【2】吧NAV下面的那行包括购物车的和货币and语言的那行去掉（我觉得紫色那个模板的那个 头部和body部分中间的那行bug应该就是这行的问题，这个是该模板本身的问题，没去干净） 吧购物车移动到和NAV一行的位置，并置于右边 【3】在NAV下面添加了一个广告块， 【4】修改了footer中的Copyright 2011 wowoshop. Powered by wowo Designed by wowo等版权信息 【5】修改全局背景，修改头部背景，修改导航条背景，修改购物车图标（空，满2状态） 修改各个块的hend的背景，修改footer的背景移动版权信息，移动footer导航修改商品分类块的背景 -------------- 2011-4-26 -------------- 【6】完善导航的背景，修改logo 【7】购物车ico的修改，导航背景的修改 【8】添加了导航中li的图标（这个设置我是直接在a中直接价格div显示图片， 设置list-style-img会有问题） 【9】头部语言 货币文字的上下居中 【10】购物车行文字的颜色 【11】nav li的鼠标hover样式 向上2个px 【12】nav整个向上移动，兼容ie7，wowo广告块也向上移动 ------------------------------------ 2011-4-28 ------------------------------------ 【13】修改导航中HOME图标 【14】添加wowo广告的内容 【15】制作中文的按钮共计47个 【16】修改 运价估算页面中的样式