大家在看shopex模板制作教程的时候不要局限于看具体的修改文件,大家应该看里面的修改思路,活学活用,文件的名字都是模板制作者根据自己的个人喜好和自己的书写习惯命名的,所以它是不断变化的,没有规律可寻的。正因为此这次4.7的模板结构一变,大家就无从下手了。
举例: 在修改商品图片的大小时候主要修改的参数是 width:150px;height:150px; 通过这个大家就应该知道:width是宽度的意思,以后修改某容器宽度的时候只要找到相应css样式定义修改width的值就可以了.
新的问题就出来了,我们如何才能找相应页面的css样式那?
下面的介绍一些实用的技巧: 随便点击一个页面,我们以品牌这个页面为例: 它的连接是:http://localhost:8080/index.php?gOo=goods_brand_list.dwt(注意:后台必须不能开起静态页面的情况下的连接地址)
第一步 我们取“=”后面的文件名字就是它具体的模板页面的文件名字,从这个连接中我们可以看到它具体的模板文件名是:goods_brand_list.dwt。
第二步 然后进模板目录找到相应的模板文件goods_brand_list.dwt用Dreamweaver打开它然后找到你要修改模块的相应的功能标签,我们以名牌这个功能标签为例子,品牌的功能标签应该是“{TPL_GOODSBRANDLIST}”
第三步 将{TPL_GOODSBRANDLIST}改成{TPL_GOODSBRANDLIST.htm}然后选中这个标签右击打开。如下图:

图片1
这样就能打开“名牌“具体的htm的页面
第四步在TPL_GOODSBRANDLIST.htm里就能看到相应的css定义的名称:一般都是以class="BrandWrap"或id="BrandWrap" 然后就可以运用Dreamweaver的查找功能了。快捷键是“ctrl+F”查找相应模板目录images文件就可以了,因为我们的样式都放在images文件夹里。如图:
 图片1
就能找到对应的css样式了。
总结:同样道理,你可以找到所有功能模块的css样式定义了!!
(责任编辑:卖啦掌柜) |