欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > cms使用教程 > ecshop使用教程 >

ecshop商品详情页图片更改为鼠标经过切换大图

发布时间:2017-02-14  编辑:杨雨个人博客网站   点击:   

ecshop 商品详情页进行美化修改一下,默认的 ecshop 商品详情页主图不能切换,想要看大图的话,需要进行再次点击,然后显示商品大图,对于用户的体验不太好,看来只好在当前页面进行修改了,本来有两个方案,第一个就是点击大图的话就在当前页面放大商品图,第二个就是当鼠标经过的时候切换成大图,客户最终选定了第二个方案,当鼠标经过的时候切换成大图,好吧,夏日博客就按照这个来进行修改,方法也很简单。

第一步,打开 ecshop 商品详情页模板 goods.dwt 文件,在两个 head 之间添加如下的代码:

第二步,查找如下代码:

{$goods.goods_name|escape:Html}

修改为如下代码:

{$goods.goods_name|escape:Html}

第三步,打开 /library/goods_galler.lbi 文件,查找如下的代码:

{$goods.goods_name}

//改为:

{$goods.goods_name}

好了,一切OK,我们来对比一下第三步的这两段代码,实际上只是添加了 这一句而已,简单吧。

本文地址:http://itbyc.com/cms/ecshop/15328.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1