首 页  >>  E商学院  >>  zencart百科  >>  Zen Cart如何上传商品多图

Zen Cart如何上传商品多图

在码这份教程前 请先允许我吐槽一下, 这半个月来, 这个问题是我被问到最多的一个问题,
我说的都快麻木了,OK, 也怪自己懒,
早点码份教程不就万事大吉了; 吐槽完毕, 上教程:


Zen Cart
默认的纯净的原版程序是不支持后台上传商品多图的,
这一点 让我们一起BS一下 Zen Cart
团队这四个老家伙!
为了实现后台上传商品多图, 我们需要一个模块来帮助,
这个模块的英文名称叫 Image Handler 简称 IH模块
最新版本号为 3,
下载地址在这里: 点击下载 Image Handler3 For Zen Cart 1.3x;


将下面的模块下载后
,
按说明将对应的文件复制到当前网站对应的路径下后 在后台-->工具-->图像管理下 点击 安装图像管理 即可


如图1 (点击图片查看大图),



(PS: 在Zen
Cart中文插件版和中文插件增强版中,以经默认整合安装了这个模块, 不需要重复上面的操作),


之后 进入商品分类下 正常添加商品分类 和 对应的商品 数据;
在下面的 商品图像这一栏中 浏览 找到本地对应的商品图像 并上传 如图2
(点击图片查看大图),



这里强调一个问题, 就是默认的图片上传目录选择的问题,
默认情况下,如果不选择图像的上传保存目录, 哪么所有的商品图片都会上传保存在 images
目录下,
如果商品数据较多, 这样作无论是对日后的网站运维上还是对程序运行的效率性上甚至是SEO上, 都是十分不可取的,
因此强烈建议
先在images 目录下 建立对应的商品归档文件夹,
然后这里上传商品图片时 在后面的上传目录中选择对应的文件夹后 再提交上传
如图2中的蓝色箭头标示,
这样, 对应的商品图片将被保存在对应的归档目录下, 而不是杂乱无章的全部放在 images目录下,


至于如何建立归档目录, 这里需要用到FTP或网站的WEB管理面板了,仅通过程序后台是无法完成的!
如果归档目录为多级目录,
哪么针对这种情况的图片上传, 仅靠程序后台,同样完成不了,
需要FTP工具的配合才可以, 针对这种方法的图片上传 参见图3 (点击图片查看大图),



图3中 右下角 对比图
为实际网站FTP上传的文件路径,
图示中因是本地演示,所以显示为本地路径,实际应用中,注意 \/
的区别,
另外,默认情况下,所有商品图片上传路径的根目录都是相对于 images 目录下,
因此这里的路径不需要再格外的输入 images/ 切记!!!


然后提交 添加商品, 至此 这件商品的主图添加完比, 上面浪费了这么多口水, 全在怎么添加商品的主图上,
下面开始进入正题,
继续为这件商品添加多图,
商品添加完比后, 回到添加商品列表中, 在商品列表中 点击 图像管理 图标 如图4 (点击图片查看大图);



之后会看到图5 (点击图片查看大图) 界面;



如果没有看到这个界面 说明上面提到的IH模块没有正确安装 请作针对性的检查,
点击图5 界面右则的 新文件 出现图6 (点击图片查看大图)
界面;



图6 (点击图片查看大图) 界面中


红色标示处 为 上传商品多图的原尺寸图片
;

蓝色标示处 为上传 商品多图
中等尺寸图片;

粉色标示处 为上传 商品多图 的
大尺寸图片 ;


上面提到的各尺寸图片需要先本地将图片处理好,
这样作的好处是能加速页面的下载速度,
当然缺点就是相对比较耗费空间容量,算是以容量和效率来换页面加载速度;
实际应用中, 可以按需要上传大中小图,
也可以只传一种尺寸的图片,
只传一种尺寸的图片时, 会按实际网站后台配置的图片大小生成缓存图,
这里操作完成后 提交后
即为本商品添加了一张商品多图,
如此反复的操作, 即可为商品添加多张对应的细节展示图,
如图7 (点击图片查看大图);



至此 Zen Cart 后台上传多图教程结束;


在实际应用操作中, 通过后台上传多图的操作比较繁琐, 效率不高,
下面说一下 利用 FTP工具 配合来快速 批量上传多图,
这种方式配合批量上传功能,
可以快速批量的添加商品数据, 在实际应用中,
是建议采用的一种方式,
通过FTP工具批量上传商品多图,不需要安装任何模块,只需要本地先将同一商品图片的名称统一更改规划即可;
如图8
(点击图片查看大图):



操作方法如下,


首先 后台 商品分类 下 添加商品, 这一步的操作同上面提到过的商品主图的添加是一样的
区别在于,
这里要记录好上传的商品主图名称和路径,
然后将商品多图 全部命名为与商品主图一至的文件名后面跟个排序序号,
例如 商品主图的文件名叫
t01.jpg, 上传保存在 images/products/demo/test 路径下
哪么我们本地将这件商品的其他图片命名为
t01_01.jpg,t01_02.jpg,t01_03.jpg .........
或者 t01-1.jpg,t01-2.jpg,t01-3.jpg
............ 等诸如此类有规则的排序命名方式,
然后利用FTP工具 全部上传到 与主图相同路径下 即可,
以本例来说 就是全部上传到
images/products/demo/test 路径下,
这样程序默认就会识别出 这些图片并与对应的商品关联.


这种方式相对后台添加商品多图要有效率的多,建议日常采用这种方式来添加多图!


两种添加商品多图的方式最终前台效果都是一样的, 如图9 (点击图片查看大图):



点击次数:3127  发布日期:2013-04-15  【打印此页】  【关闭