虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > Ecshop > ecshop商品详情页图片更改为鼠标经过切换大图

ecshop商品详情页图片更改为鼠标经过切换大图
类别:Ecshop   作者:码皇   来源:互联网   点击:

把 ecshop 商品详情页进行美化修改一下,默认的 ecshop 商品详情页主图不能切换,想要看大图的话,需要进行再次点击,然后显示商品大图,对于用户的体验不太好,看来只好在当前页面进行修改了,本来有两个方案,第一 ,魔客吧

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

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

第二步,查找如下代码:

  1. {$goods.goods_name

修改为如下代码:

  1. {$goods.goods_name

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

  1. {$goods.goods_name}
  2. //改为:
  3. {$goods.goods_name}

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

相关热词搜索: ecshop商品详情页图片更改为鼠标经过切换大