Hishop的有些模板需要修改商品分类调用,才可以在前台显示商品信息,大部分模板的修改都是大同小异,在这里以【fangM18】模板的修改为例,进行一个详细的说明,其它模板的修改,也可以套用此方法。
1、在网站后台—商品管理--添加一个商品分类,然后在该商品分类里面至少上传一件商品(有商品才能看到调用的效果)
2、修改首页相关调用
以http://art.92hi.com/template/5.2.1/fangM18/为例进行修改
下面调用的是【美容保健】分类:
现将此处调用改为【靓丽包包】分类调用
使用FTP连接工具[推荐使用FlashFXP,推荐工具下载地址:
http://www.xwowo.cn/download/FlashFXP.rar连接您的FTP文件夹;连接后,
打开根目录,即wwwroot[有些主机提供商根目录名为web],进到themes/模板文件夹(这里以fangM18为例)/zh-cn文件夹,找
到skin-default.html这个文件,下载到本地,具体操作方法请参考:http://www.92hi.com/bbs/read.php?tid=17205
根目录文件夹如何查找,可以参考:http://www.92hi.com/bbs/read.php?tid=14805,其中的wwwroot文件夹即该网站的根目录文件夹,也就是存放站点文件的文件夹。
方法:
一、修改商品分类调用
1、 查找分类ID ,修改前台首页显示分类名称,以美容保健为例
点击首页导航栏里或者分类页的【靓丽包包】分类
地址栏里显示:http://art.92hi.com/template/5.2.1/fangm18/browse/category-150.htm
其中【150】即为分类ID
1)用记事本打开Skin_default.html文件,按下Ctrl+F搜索【美容保健】 ,将【美容保健】修改为【靓丽包包】,其它代码请不要乱动
2)修改美容保健旁边的“更多”图片的商品分类调用:
3)在离“美容保健”几个字距离最近处,下图方框里的代码就是此处【更多】按钮的代码,该代码里面有”more”的字样出现。
将下列代码中的CategoryId="134"修改为CategoryId="150",这里是修改“更多”的商品调用
2、修改商品显示区域商品分类调用代码:
继续在记事本里向下查看,下图方框内的代码即为旁边区域内商品分类显示调用的代码
上面这段代码即是此处调用的商品的代码:
将CategoryId="134" 修改为CategoryId="150",150为靓丽包包分类的ID号,上面已经有所介绍。
MaxNum=”5” 表示该区域内显示的最多商品个数
RepeatColumns="5" 表示该区域内一行显示多少个商品
CategoryId="134" 表示需要调用的商品分类的ID是多少
修改完之后按Ctrl+S保存!上传至网站站点文件的【Themes\fangM18\zh-cn】文件夹下,替换原文件即可!
二、下面介绍几例特殊的模板商品分类调用,有几个模板,比如美食天地,批购网,批发在线等,有一处的商品显示是需要鼠标经过该商品分类的时候才会显示。
这里以美食天地这个模板来举例说明:http://art.92hi.com/template/5.2.2/pfzx/
首先,该模板新品上架旁边的四个分类:时尚女装,靓丽包包,优品男裤,男士皮鞋,该处当访问网站的时候,默认情况下,首页显示的是时尚女装分类里面的商品,其他的三个分类是隐藏的,只有当鼠标经过的时候,才会在下方红色方框内显示商品信息。
该处的商品分类调用与上面所说的调用大同小异,但是有几点需要注意的地方,具体的操作如下:
1、按照上面所述找到首页文件Skin_default.html 文件,使用记事本打开,按下Ctrl+F搜索“时尚女装”,搜索出来结果如下图所示:
2、此处可以修改将显示在首页上面的分类名称,改为您自己想要显示的分类名称,比如想在“时尚女装”处显示的是“美容护肤”,那么只需将“时尚女装”几个字改为“美容护肤”即可。
3、关于这四个分类调用,大家可以看下,在下图的距离商品分类名称最近红色方框内,分别有四个商品分类调用代码。从上往下的依次顺序分别为:“时尚女装”,“靓丽包包”,“优品男裤”,“男士皮鞋”的商品分类调用代码,只需依次进行修改商品分类ID即可。
三、如何使用Dreamweaver来查找商品分类调用代码,此处以紫罗兰模板为例:http://art.92hi.com/template/5.2.1/ziluolan/。使用该工具修改,需要具备一定的网页编辑基础,如果对该工具不是太熟悉,建议您使用上面所述的使用记事本的方式修改
1、 先将需要修改商品分类调用的模板【文件路径:Themes/ziluolan】整个下载下来,然后使用Dreamweaver新建一个站点,新建站点操作方法可以参考:
http://www.92hi.com/bbs/read-htm-tid-25487.html
2、 在Dreamweaver中打开模板的首页文件 Skin_default.html,如下图:
3、找到您需要调用商品分类的商品显示区域,然后选择该区域内的ASP 标记:
4、 选择该标签之后,然后选择左上方的代码,切换到代码编辑视图。
5、 此时,您可以在代码编辑视图里面看到您需要使用商品分类调用的代码,如下图红色方框内代码:
6、修改商品分类调用,操作与上面所述一样,同样,此方法也可以适合模板其他区域修改代码的查找。
四、商品分类调用注意事项:
如果看到调用代码里面有 Type="" 和 CategoryId="" 共存的情况下,请先确定是调用什么分类,然后将这两个中的一个删除掉,只保留一个,否则调用的商品将不会显示出来。type="" 调用的是后台出售中的商品旁边的4个 “最新”,“热卖”,“特价”,“推荐” 那个四个分类,如下图所示
CategoryId=""调用的是商品分类的ID号
这两者不可共存。
“最新”是 Type="4",“热卖”是 Type="3" “特价”是 Type="2" “推荐”是Type="1"其它地方调用
注:该文档的商品分类调用修改方法适用于其他的模板,具体的操作以模板样式的显示区域为主,灵活运用。更详细的修改方法,可参考《Hishop自定义样式开发文档》 其它相关资料:
HiShop5.2模板DIY参考文档(适合初学者):
http://www.92hi.com/downloads/5.2HishopWebsite.doc
HiShop v5.2.1模板自定义界面开发文档(适合有一定模板修改能力者): http://www.92hi.com/bbs/read-htm-tid-35101.html
本文来源:不详 作者:佚名