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
欢迎转载 转载请注明出处!
转载于:https://blog.51cto.com/liangwenwen/765240