1、步骤1、先用Photoshop设计好关联销售的图片模板，如下图
2、步骤2、使用Photoshop切片工具把以上设计好的效果图切割成相应的几个小图，并设置好相关图的超链接。如下图
3、步骤3、点击Photoshop的“文件”——“存储为web的所有格式”然后显示界面如下图
4、步骤4、然后点击存储出现下图，注意存储格式设置为 “HTML和图像”
5、步骤5、把刚生成的切片图片上传到淘宝图片空间然后批量选中图片并复制所有图片的链接，如下图
6、步骤6、用dreamweaver 打开刚生成的html文件，并把对应的图片的链接替换掉。然后再把修改好的代码复制过来放到宝贝详情页的相应的位置里。
7、最终效果如图