如何给淘宝店招特定区域加收藏链接

 时间:2024-10-15 13:28:53

1、范例图片如下,在右侧写有“收藏”二字的按钮处加收藏链接。全部代码为:<img src="图片地址" width=媪青怍牙"950" height="100" border="0" usemap="#Map" /> <map name="Map"> <area coords="740,49,809,87" href="收藏地址" target="_blank" /> </map>

如何给淘宝店招特定区域加收藏链接

2、代码分析如下:950和100分别是店招的宽和高度,淘宝默认店招高度是120,可根据实际自行设置。area coords="740,49,809,87"代表收藏按钮的区域尺寸。如下图所示。灰色长方形是店招图,右边的蓝色小长方形是前面看到的收藏按钮。把蓝色长方形左上角和右下角两个点当做定位点。左上角的点距离图片左边距标记为1,距离上边距标记为2.右下方的定位点距离左边距标记为3,上边距标记为4.那么对应前面的代码,标记点1就是740px,标记点2是49px,标记点3是809px,标记点4是87px,想在店招的任何地方添加收藏区域,只需要正确算出该区域的以上四个标记点的数据即可。下面具体操作实践。

如何给淘宝店招特定区域加收藏链接

3、首先进入卖家中心--图片空间--把图片上传到图片空间。

如何给淘宝店招特定区域加收藏链接

4、进入店铺装修后台,点击店招装修,插入上传的图片,点击预览。

如何给淘宝店招特定区域加收藏链接

5、使用qq的截图功能,如图所示,算出收藏按钮左上角的左边距1和上边距2,鼠标右下角显示了该区域的宽恽但炎杰和高,即左边距1是741px,上边距2是54px。因为这里是手动截图的所以和前面的数据有几邗锒凳审个像素的差别,不需要太精确,截取大概位置即可。使用同样的方法找到按钮右下角定位点的左边距和上边距。把这四个数字按照大小顺序分别输入前面的代码area coords="四个数字"。

如何给淘宝店招特定区域加收藏链接
如何给淘宝店招特定区域加收藏链接

6、找到图片链接和收藏链接。图片链接,进入图片空间,鼠标放在图片上点击中间的按钮复制链接,放在前面的代码“图片地址”处。

如何给淘宝店招特定区域加收藏链接

7、进入店铺首页,右键点击收藏店铺,点击复制链接地址。把收藏地址复制到前面的代码处。收藏店铺链接的格式为:”//favorite.taobao.******”

如何给淘宝店招特定区域加收藏链接

8、重新进入店铺装修后台,点击自定义店招,点击代码编辑模式,删除里面的内容,复制修改好后的链接。点击确定预览效果。

如何给淘宝店招特定区域加收藏链接

9、最后预览效果如下图所示,鼠标放在其他区域无链接,放在收藏按钮处可点击链接收藏店铺。

如何给淘宝店招特定区域加收藏链接
如何给淘宝店招特定区域加收藏链接
  • 如何发布宝贝
  • 千牛软件如何设置旺旺聊天的自动回复
  • 怎么选发型才能吸引男生
  • 怎样修改淘宝上架商品的信息
  • 淘宝逛逛内测在哪里
  • 热门搜索
    安全伴我行手抄报 保护地球手抄报 读书手抄报内容 爱眼日手抄报 交通安全手抄报图片 端午节的手抄报 关于汉字的手抄报 法制手抄报 元宵节手抄报内容 文明礼仪手抄报内容