【霓萱】淘画报如何设置让一张图有多个连接热点多个宝贝同时展示
更新日期:2014/11/28 16:32:02    浏览次数:3973
淘画报的作用是可以让亲更方便的在一张图片上展示多个宝贝,优点就是图片形式不限制哦。

 

   

 

 

第一步:做好一张淘画报的图片。默认尺寸:宽950像素 高720像素(图片要先上传到图片空间 然后复制“链接”粘贴到下图【图片地址】框中)再填写【图片高度】。

 

 

 

第二步:选择宝贝,选择画报上的图片对应的的宝贝,一个位置选择一个宝贝,最多可以展示8个宝贝。

 

 

 

第三步:接下来我们把刚才选好的宝贝和图片上的位置对应起来,这就需要用数值来定位了。

 

 

 

那么,如何知道宝贝的位置数值呢,下面是关于宝贝位置定位的教程:

 

 

步骤一:Photoshop软件打开图片。

(Photoshop软件下载地址:http://pan.baidu.com/s/1EPQ02?qq-pf-to=pcqq.c2c

 

 

 

步骤二:软件左边点击鼠标右键这里选择切片工具,然后在你想要添加定位的地方划出区域,如下图1和图2所示。

 

 

                   图1

 

                                                         图2

 

 

步骤三:在刚划出的切片中点击鼠标右键,点击“编辑切片选项”查看数值。

 

                                                       

步骤四:在切片选项中的尺寸填写(W)和(H)的值都为为35(此值为购物车的大小 ),

然后点击确定。

 

  

 

 

步骤五:确定后 ,会出现一个35*35像素的正方形,可以鼠标拖动这个正方形到想要的地方,如图4。                                              

 

 

                                                       图3

 

                                               图4

 

 

步骤六:再次点击“编辑切片选项”查看最终的位置数值,数值请看图6。

 

 

                                                              图5

 

                                           图6

 

 

数值解说:

上图中红框的数字都需要用到,具体表示内容如下,单位是像素:

 

(X)表示切片(即链接)距离画布最左边的距离

(Y)表示切片(即链接)距离画布最顶部的距离

(W)表示切片(即链接)的宽度

(H)表示切片(即链接)的高度

 

 

由此得出要填的内容为: 

定位位置:  X,Y

 

 所以最终填写最终数值是:

 

 

 

 

其他热点操作步骤同上面一样哦。

 

 

 

 

设置好热点之后, 还可以在显示设置里设置“显示价格”;“价格小数”;“模块间距”等。

 

 

 

设置好之后点击预览或发布即可看到效果。

 

 

 

其他类似的帮助教程

正在加载,请稍后...