商品颜色尺寸仿淘宝选择功能教程(2.7.0版本)
2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家
注:此功能与具体的模板相关,无法写出通用教程.因为,此帖子以讲原理为主. 请大家运用时举一反三,不要生搬硬套代码. 也因为同样的原因,此篇帖子不回帖因个人安装导致的问题,只解决确实属于代码漏洞的问题. 原理: 1:css控制本来要显示的radio为一小矩形. 2:当点击此小矩形时,js使此radio选中,同时改变此小矩形的外观样式. 牵涉到的修改文件(default模板为例) /themes/default/style.css /themes/default/goods.dwt 注:此路径待修改模板路径. 修改步骤: 一:控制样式 1.打开/themes/ecshop/images 加添图片test.gif. 2.打开/themes/ecshop/style.css 最下面添加:
注:以下修改以原版ecshop2.7.0版本default(模板名称)为基准 未修改前第347-351行
二:增加js控制样式与选中行为 在页面内找到<script>这样的东西,在其后面添加一个js函数
如果是用户修改过的goods.dwt可搜索:function changePrice()在其上面添加. 说明: 1.以上修改会将商品属性部分所有radio修改. 2.由于用户goods.dwt可能都被修改过,用户请根据自己的实际情况修改. 3:对于颜色选择功能,这是目前本论坛上最简单的实现方法. 文中所用附件 test.gif如下: 效果图如下 |
回答:
终于发布啰!赶快来试试~~~~谢谢lz的分享 |
一开始以为有控制库存,结果.. 不过还是谢谢大大的分享 |
sorry,让您失望了. 库存的请再等两天. 那个东西一直没想好怎么样效率最高,所以一直没动手. |
大大你真厉害 刚用了你一个 SEO TITTLE, 现在又看到一个是你的程序 真佩服你 |
大大的网站上有安装自愿捐款功能吗,老外一般网站上都会装个, 自己觉得用了有价格就表示下 |
有价值 打错了 |
不错啊! |
好帖! 受教了! 不过LZ给的JS有两处似乎没写对,
应该为:
|
非常感谢楼主的分享~! |
好帖! 受教了! 正解 |
9# 发布的模板里是有[ i ]的,但发布帖子的时候,被编辑器当成"斜体"给代替了.... 十分感谢你的指正,帖子已经修改. |
用上了但是有问题,在页面没有完全打开的时候,选择不了属性,否则会抱错的。 |
很好,楼主辛苦了,期待跟库存关联 |
结果还是一个商品 我还以为实现了商品切换了哦 分享的精神可嘉! 支持一下! |
最近更新
常用插件
- ecshop商品分类名称增加样
ecshop插件介绍:本插件可以方便在后台管理,为ecshop商品分类名称增加样...
- ecshop2.7.1打印发货单插件
ecshop2.7.1打印发货单插件介绍:ecshop2.7.1和以前的ecshop版本不一样,ecs...
- ecshop二次开发详细页面生
插件介绍: ECSHOP系统,在很多时候,很多商品没有人购买,不但购买的人...
- ecshop分类批量扩展插件
ecshop分类批量扩展插件,这个插件是ecshop插件里面比较核心的插件。我们...
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
ecshop热门问答
ecshop热门资料
ecshopdemo
ecshopec后台
ecshopsesions
ecshop798
ecshop联播
ecshop么安装ECSHOP
ecshop义无反顾
ecshopiphonr
ecshop190
ecshop用用
ecshop文件大小
ecshopIE9正式版
ecshop产品评论
ecshop产品缩略图
ecshopcovert
ecshop2.7.0版权
ecshop电子邮件
ecshop处理
ecshop信用卡支付
ecshopXmlHttpRequest
ecshop数据字典
ecshopUnix
ecshopQQ昵称
ecshop上浮
ecshop仪器
ecshop流量统计
ecshop商品详细页面
ecshop专题
ecshopallocated
ecshop分类问题