该教程仅适用于对Virtuemart进行相应定制后使用，网站访问者可以点击色标选择商品的不同颜色在放大镜中显示：
1: 在图形编辑软件如：photoshop中制作各个颜色的产品图（将显示在放大镜里），然后“存储为web和设备所有格式…”。建议的命名格式为（绝对不能有任何中文字符）：
产品关键词-颜色关键词-库存编号.jpg
如：wallet-brown-02584.jpg
2:在图形编辑软件如：photoshop中制作各个颜色的产品缩略图（将显示在颜色说明栏里），然后“存储为web和设备所有格式…”。建议的命名格式为（绝对不能有任何中文字符）：
产品关键词-颜色关键词-库存编号-thumbnail.jpg
如：wallet-brown-02584-thumbnail.jpg
3：使用FTP工具，将第1、2步制作好的图片上传到服务器的/components/com_virtuemart/shop_image/product文件夹里。
4：登入网站后台，进入VirtueMart打开相应的产品，单击商品编辑页面上的“商品状态”卡片，检查“常规属性”栏是否有以前添加的属性和属性值，如有，请全部清除；
5：针对不同情况将以下代码复制并粘贴到“自定义属性”栏的输入框里：
对于多色套装产品组合：Colors(checkbox)(|)(第一个颜色关键词*#|第一个颜色的产品缩略图的文件名|第一个颜色的产品图的文件名,第二个颜色关键词*#|第二个颜色的产品缩略图的文件名|第二个颜色的产品图的文件名,第三个颜色关键词*#|第三个颜色的产品缩略图的文件名|第三个颜色的产品图的文件名,第四个颜色关键词*#|第四个颜色的产品缩略图的文件名|第四个颜色的产品图的文件名,第五个颜色关键词*#|第五个颜色的产品缩略图的文件名|第五个颜色的产品图的文件名,…,第N个颜色关键词*#|第N个颜色的产品缩略图的文件名|第N个颜色的产品图的文件名)
如：Colors(checkbox)(|)(Blue*#|wallet-blue-02584-thumbnail.jpg|wallet-blue-02584.jpg,Red*#|wallet-red-02584-thumbnail.jpg|wallet-red-02584.jpg,Brown*#|wallet-brown-02584-thumbnail.jpg|wallet-brown-02584.jpg,gray*#|wallet-gray-02584-thumbnail.jpg|wallet-gray-02584.jpg,Black*#|wallet-black-02584-thumbnail.jpg|wallet-black-02584.jpg)
对于可选颜色的产品：Colors(radio)(|)(默认颜色关键词*|默认颜色的产品缩略图的文件名|默认颜色的产品图的文件名,第二个颜色关键词|第二个颜色的产品缩略图的文件名|第二个颜色的产品图的文件名,第三个颜色关键词|第三个颜色的产品缩略图的文件名|第三个颜色的产品图的文件名,第四个颜色关键词|第四个颜色的产品缩略图的文件名|第四个颜色的产品图的文件名,第五个颜色关键词|第五个颜色的产品缩略图的文件名|第五个颜色的产品图的文件名,…,第N个颜色关键词|第N个颜色的产品缩略图的文件名|第N个颜色的产品图的文件名)
如：Colors(radio)(|)(Blue*|wallet-blue-02584-thumbnail.jpg|wallet-blue-02584.jpg,Red|wallet-red-02584-thumbnail.jpg|wallet-red-02584.jpg,Brown|wallet-brown-02584-thumbnail.jpg|wallet-brown-02584.jpg,gray|wallet-gray-02584-thumbnail.jpg|wallet-gray-02584.jpg,Black|wallet-black-02584-thumbnail.jpg|wallet-black-02584.jpg)
本文由新龙原创，转载请注明出处https://newloong.com/jishuzhichi/virtuemartweihu/1091-virtuemartshangpinyanseqiehuanfangdajinxianshi.html，谢谢！