大家好，我是一名新开的淘宝店主，今天在这里给大家分享一点个人的装修心得~
如题就是宝贝详情的关联营销，大家都只要宝贝详情页比首页重要。
所以怎样装修好宝贝详情，是我们能充分利用流量的问题所在了。特别是新店，流量本来就
很少，如果宝贝详情页单一，顾客可能看完这个宝贝不喜欢就离开店铺了。
好了这里废话不多说了。今天手把手一步一步的教大家如何自己制作宝贝关联营销模块
明白了道理其实很简单的。今天先为大家讲解 详情页左边栏的宝贝特卖板块。
第一步：如图1首先我们要知道宝贝左边栏宽度，展示效果最好的是190像素，那么高度呢?
根据你宝贝的需求来定，这里我假定高度300像素，我要展示5个特卖品。
好那么我们先把四个宝贝用PS分别做出 5个 190*300像素的展示图出来
我们根据自己的喜好设置出展示图的边框，这里根据大家的喜好来做，新手店家前期不熟练
可以做一些比较简易化的边框如图，然后把宝贝图片按照比例缩放进去。这里可以宝贝的价格什么
促销内容全部打到咖啡色区域里去
第三步：
我们把放置好的每个宝贝的图片另存为JPG格式的待用，这里要提示一下保存的时候画质调到12
这样效果最佳！如图！
第四步：那么我们假设需要一列下来展示5个特价宝贝，那么我们算一下总共的高度
300*5=1500像素，那么我们在新建一个画布尺寸为 190*1500像素 然后把刚才制作好的
带边框的宝贝的图片按照你需要的顺序排列进去如图
第五步：我们要把整排列好的图层全选然后选择切片工具，选择工具以后鼠标右键点击一下图片
选择切片 然后弹出对话框 选择横向切出5片如图
第六步：切好以后我们点击PS软件最左上角的 文件 选择 存储为Web。。。。这个选项
会弹出如下对话框 如图设置 设置好以后 如图存储，最好存储在桌面好以后方便使用
这里要提示的是如图格式一定要选择 HTML和图像 点击保存。然后你左面会出现如图中
这两个文件 一个是images 和 一个html格式的网页文件这个文件我们先不管。
第七步：我们把images这个文件夹里的图片上传到淘宝图片空间不要改图片的名字
要上传到自己能找到图片的地方。
第八步：这里也是至关重要的步骤，就是获取源代码，那么我们要下载一个软件这里我就不打
下载链接，大家自己百度一搜一大片 Deramweaver8 这个软件简称DW 很牛逼的
下载安装好以后我们打开DW 点击如图 创建新项目栏 下第一个 HTML 如图
第九步：好了现在我们打开了软件，点击软件最左上角的文件选项，同样我们要打开
用PS切片保存以后 那个 HTML格式的文件，打开以后 点击软件 上代码 拆分 设计
三个选项中的设计，我们就可以看到如图 我们切好的图片
第10步：现在我们要用鼠标点击其中第一个图片，对话框就会发生变化，下面会出来让我们
编辑图片属性的 栏 如图
第11步：好了如图我们需要管的只有3个地方，源文件 链接 目标
源文件里 我们把第一张图片在淘宝图片空间的链接地址粘贴进去。
再把第一张图片上的宝贝详情页的链接填在 链接 这个一个框里，
最后点击目标那一栏选择 blank_ 这个选项 那么 我们这一张图的超链接就做好了
然后用鼠标点击第二个图片
同理 把其他几个切片的图片和宝贝链接全部输入进去。
第12步：全部弄好以后 使我们获取成果的时候了 点击如图 代码 拆分 设计
三个选项中的第2个 拆分 然后我们可以看到上面就是 我们只做好的代码
我们把如图里面的代码全选 复制。
第13步：我们打开店铺装修，打开宝贝默认详情页装修板块，在左边栏添加一个自定义模块
如图 然后我们可以看 自定义 显示标题 下面有个源码 显示的开关 我们点击一下
把刚才复制的代码粘贴进去，然后再点一下 源码开关，就如图了
然后保存发布，就大功告成啦！！
自己的一点点装修经验。大家可以自己动手制作很简单的，一通百通在详情页开头
和结尾放关联销售业是一样的道理。
如图下面是我制作的尾部关联的样式，大家可以看一下，道理是一样的，
不过有细节不明白或者不懂得话可以私信我 相互沟通和学习。
有时候遇到问题 没有人请教确实很苦恼的事 必须要自己百度.
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源： 13步分享如何制作详情页关联营销
