ShopEx 485默认的友情链接虽然很不错，但现在很多网站会需要把友情链接进行分组展示，如中国灌溉在线的友情链接和商务链（也是作者作品之一）这样子，或者像携 程旅行网的合作伙伴分类那样子展示，如果要这样子做，就需要对ShopEx 485默认的友情链接进行些小手术。


 


 


1.友情链接插件

首先需要改动的是友情链接插件，文件夹位置是在ShopEx根目录\plugins\widgets\links中。

先打开_config.html文件，在文件中添加图中红框中的代码：

 


 

这段代码的作用是在ShopEx后台（shopadmin）中的页面管理友情链接页面里显示一个textbox，用于来注明当前友情链接属于哪个分组，具体参数可以根据自己喜好更改。

 


 

实际上，我们是在友情链接的排序上做起了文章，所以经过自定义后的友情链接插件，用户的自定义排序不再起作用了。

然后还需要更改default.html文件。

这个文件原来的官方的代码是用table排版的，期间做了一个判断，如果你的友情链接取余你所设置的列数为0、1或者其他情况时，将使用不同的代码来显示，看起来有些复杂，所以我索性改成div的了，用float：left自动排版：

 

 

2.前台修改

为了实现自定义分组显示友情链接，我们先需要在网站后台中的页面管理 》 模版列表 》 编辑模版中新建一个友情链接的独立页模版：

 


 

在ShopEX 485 默认的模版中，右边结构里默认只有系统业务｛main｝，不能让你添加自己的模块，所以你可以加上一些容器，用来存放不同的友情链接分组。

 


 

保存以后，通过可视编辑添加友情链接，以友情链接分类的参数来分组显示那些友情链接。

然后在页面管理 》 站点栏目中新建一个栏目，使用之前创建的友情链接独立页模版，然后就能在前台显示出来了。

 


 

具体页面显示的CSS代码大家可以根据自己的喜好设计编写。

 


 

 

 

 

 

感谢ShopEX开发团队

本文作者：梁雯雯 http://15695220.qzone.qq.com

欢迎转载 转载请注明出处!