天下网吧 >> 网吧天地 >> 网吧技术 >> 网吧软件 >> 正文

详解Hishop模板如何进行商品分类调用

2011-6-8不详佚名

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

本文来源:不详 作者:佚名

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。文章是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 Email:support@txwb.com,系统开号,技术支持,服务联系微信:_WX_1_本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下
  • 本周热门
  • 本月热门
  • 阅读排行