您现在的位置是:首页 > cms教程 > ecshop商城教程ecshop商城教程
ecshop商品属性怎么仿淘宝选择功能
南春2023-12-08 19:21:16ecshop商城教程已有15人查阅
导读经常网友问商品的颜 尺 寸等属 选择,ecshop默认的是下拉菜单和点选两种形式,样式特别不耐看,淘宝选择那种方形的框选已经是主流
经常网友问商品的颜 尺 寸等属 选择,ecshop默认的是下拉菜单和点选两种形式,样式特别不耐看,淘宝选择那种方形的框选已经是主流,像shopex的属 选择就是仿淘宝那 种框选特别美观!下面分享一下ecshop修改成框选的经验:
根据模板不同,大家参考着修改模板,为避免出错,修改时请务必备份模板以涉及到被修改的文件!
实现原理:
1:css控制本来要显示的radio为一小矩形.
2:当点击此小矩形时,js使此radio选中,同时改变此小矩形的外观样式.
涉及的修改文件,请做好备份(default模板为例)
/themes/default/style.css
/themes/default/goods.dwt
注:此路径为待修改模板路径(default修改为你的模板文件夹名称).
一:控制样式
1.打开/themes/default/images/
添加图片test.gif.
2.打开/themes/default/style.css
最下面添加: 3.打开/themes/default/goods.dwt
注:以下修改以原版ecshop2.7.2版本default(模板名称)为基准
未修改前第347-351行 修改为: 此处为是了将radio换成淘宝上那种小矩形样式显示在页面.
二:增加js控制样式与选中行为
在页面内找到 说明:
1.以上修改会将商品属 部分所有radio修改.
2.由于用户goods.dwt可能都被修改过,用户请根据自己的实际情况修改.
用到一个图片素材,url(“images/test.gif”)
根据模板不同,大家参考着修改模板,为避免出错,修改时请务必备份模板以涉及到被修改的文件!
实现原理:
1:css控制本来要显示的radio为一小矩形.
2:当点击此小矩形时,js使此radio选中,同时改变此小矩形的外观样式.
涉及的修改文件,请做好备份(default模板为例)
/themes/default/style.css
/themes/default/goods.dwt
注:此路径为待修改模板路径(default修改为你的模板文件夹名称).
一:控制样式
1.打开/themes/default/images/
添加图片test.gif.
2.打开/themes/default/style.css
最下面添加: 3.打开/themes/default/goods.dwt
注:以下修改以原版ecshop2.7.2版本default(模板名称)为基准
未修改前第347-351行 修改为: 此处为是了将radio换成淘宝上那种小矩形样式显示在页面.
二:增加js控制样式与选中行为
在页面内找到 说明:
1.以上修改会将商品属 部分所有radio修改.
2.由于用户goods.dwt可能都被修改过,用户请根据自己的实际情况修改.
用到一个图片素材,url(“images/test.gif”)
本文标签:
很赞哦! (0)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
ecshop验证码不显示验证码图片不显示怎么办
ecshop自带的验证码功能 ,可以在后台设置隐藏和显示 ,如有客户需要此功能, 图片却无法显示,有下面这几种处理方法:ecshop发货查询收货人收货地址发货时间配送方式
1、修改 index.php 的 index_get_invoice_query() 函数部分将;2、然后修改模板文件 library/invoice_query.lbiecshop用户中心收藏列表里显示商品缩略图的实现方法
1)、修改 includes/lib_clips.php 文件;2)、然后修改模板文件,这里以 官方默认模板为例进行讲解。3)、大功告成ecshop文章详情页文章标题上加超链接的实现方法
怎么给文章内容页面的标题加上这篇文章的URL连接。这样有利于SEO首先修改 article.php文件
留言与评论 (共有 0 条评论) |