简易实现Zen Cart商品页多图显示与切换,
之前, 曾发布过 如何为商品页添加多图 , 这里再附一个更简单的方法,
与前文相比, 本方法更精简简易, 不需要格外引入JQuery库,
纯JS实现, 兼容性更佳, 体积更小巧, 比较适用于动手能力相当差的同学,
哪么有多简单呢?
先来看一下 DOM结构, 基本样式部分, 不多, 一句
1
#smallImg a{float: left; display: block;}
JavaScript 基本功能部分, 不好意思 同...
在码这份教程前 请先允许我吐槽一下, 这半个月来, 这个问题是我被问到最多的一个问题,
我说的都快麻木了,OK, 也怪自己懒, 早点码份教程不就万事大吉了; 吐槽完毕, 上教程:
Zen Cart 默认的纯净的原版程序是不支持后台上传商品多图的,
这一点 让我们一起BS一下 Zen Cart 团队这四个老家伙!
为了实现后台上传商品多图, 我们需要一个模块来帮助,
这个模块的英文名称叫 Image Handler 简称 IH模块 最新版本号为 3,
下载地址在这里: ...
Zen Cart 默认的模板 用我们标准的东方审美观来看, 可以说是极丑无比!
Zen Cart 团队里 这四个老家伙 或许不缺技术细胞, 不少营销思路, 但估计肯定少美工意识,
同样的出生在国外,世界知名的开源程序 WordPress,
看人家哪张默认的皮, 同样是简单,可看着就是舒服!
跑题儿了 话归正传, Zen Cart 商品页默认的商品多图展示 是细节图与商品主图分开的,
并且不会随鼠标事件进行主图与细节图进行切换,
从访客浏览友好体验这方面...
