当前位置: 主页 > 平面设计 > 淘宝装修怎么在一张图片放几个链接

淘宝装修怎么在一张图片放几个链接

  • 2021-08-18
  • 来源/作者: 菜鸟图库/ 菜鸟图库
  • 8 次浏览

淘宝上的大部分精美装饰都是个性化设计,结合模板上的独特功能,可以达到一定的效果。如果你拿出一张照片放在其他商店,你将失去你原来的个性和吸引力。这就是整体设计带来的魅力。许多新手商店可能会偷别人的照片,如果他们想获得这种装饰,或自己设计一个。问题是如何将多个链接添加到一张图片中,并产生全屏效果。以下是一个屏幕截图,简要说明如何实现此目标:

1、下图来自淘宝店铺,1920全屏图片,一张图片加上4个优惠券链接,每个都可以单独弹出链接,要实现这种效果,需要使用热点工具生成代码,然后装修后台,添加自定义模块,添加上代码,有些还需要进一步修改代码,才能合格。

2、笔者使用的是【稿定设计】网站热点工具,是免费的,在画布设置里面,填上图片链接(先上传到淘宝图片空间,复制链接,粘贴到此处),【去掉间隙】设置为20,目的是实现与上一个模块无缝拼接,【全屏】默认【开启全屏】,具体如下图所示。也可以在搜索其他热点工具,网上很多,都是免费的。

3、鼠标直接放在图片上拖拉,就可以做出一个热点区域,

4、画出区域之后,在弹出的属性框内,输入链接,这里是优惠券,对应的是优惠券推广链接,如果是产品,那么就可以输入产品链接等,

5、所有热链做好之后,可以先【预览效果】,挨个链接点击试一下,如有问题,返回来在修改,只需要双击热点区域,就会弹出属性框,最后点击【生成代码】,

6、弹出的代码界面上,点击【复制代码】,

7、打开淘宝装修后台,拖动左侧模块中的【自定义区】到需要放置的区域,

8、然后双击模块,进入此模块的编辑界面,点击第一个按钮【源代码】,切换到代码界面,粘贴(文本框内右键单击,弹出菜单)代码后,点击【确定】即可。

一般淘宝热点代码在专业版旺普中使用时不会有问题,但基本版旺普的全屏效果有问题。如果热点工具上有一个特殊的基本版本,那么它是最好的。如果没有问题,您必须手动修改代码。如果您遇到问题,可以在下面留言讨论。