当前位置:首页 > 科技  > 电商

淘宝电脑端详情页怎么设置多个链接跳转图片?

来源: 责编: 时间:2023-11-09 12:47:40 150观看
导读在购物车页面,点击右上角的更多。在弹出的选项中,点击分享选项。进入分享页面,选择多个宝贝,点击下面的分享给好友。在底部弹出的操作页面,选择分享的方式。卖家中心,店铺装修,进入到装修后台选择电脑页面装修,最上面的就是咱

在购物车页面,点击右上角的更多。kEa28资讯网——每日最新资讯28at.com

在弹出的选项中,点击分享选项。kEa28资讯网——每日最新资讯28at.com

进入分享页面,选择多个宝贝,点击下面的分享给好友。kEa28资讯网——每日最新资讯28at.com

在底部弹出的操作页面,选择分享的方式。kEa28资讯网——每日最新资讯28at.com

卖家中心,店铺装修,进入到装修后台kEa28资讯网——每日最新资讯28at.com

选择电脑页面装修,最上面的就是咱们的店招,它会显示在各个页面,包括宝贝详情页,首页,自定义页面等,kEa28资讯网——每日最新资讯28at.com

点击编辑,打开编辑界面,选择自定义招牌,在这个界面你可以选择店招店高度,插入咱们的图片,加链接等等kEa28资讯网——每日最新资讯28at.com

店招默认高度120px,导航是30px,我这里分类比较少,不需要系统自带的导航,所以高度设置成150px,把导航挤掉,英文页头这块最多只显示150pxkEa28资讯网——每日最新资讯28at.com

打开ps,新建950px*150px的画布,拖入我们的logokEa28资讯网——每日最新资讯28at.com

我这里把导航合并到店招里面了,所以需要把提前画好的图片,文字拖入进来(可以放入自己的商品,优惠券等等),调整好距离kEa28资讯网——每日最新资讯28at.com

按照自己的需要拖入参考线,选择切片工具,基于参考线的切片kEa28资讯网——每日最新资讯28at.com

快捷键ctrl+shift+alt+s(文件,导出,存储为web所用格式),图片格式jpg或者png都可以,选择存储,仅限图像,再存储kEa28资讯网——每日最新资讯28at.com

你存储的文件夹会自动生成一个images文件夹,打开,把图片上传到图片空间kEa28资讯网——每日最新资讯28at.com

进入咱们最开始的店招编辑页面,点击图片按钮,把图片按顺序依次载入,然后双击你需要加链接等图片,在弹出的新窗口中填入需要的链接,加完链接后,可以预览下看看有没有问题,如果没问题就可以发布站点了kEa28资讯网——每日最新资讯28at.com

最新版的后台支持手机端店装修了,还是比较方便的,直接点击手机页面装修kEa28资讯网——每日最新资讯28at.com

点击店招,模块分新版和旧版,咱们选择新版店招,店铺名称,新版店招图片可以选择官方推荐,如果自定义上传需要在ps里面提前做好图,下面还可以添加店招图片的链接和修改导航颜色(比较简单就不一一细说了)kEa28资讯网——每日最新资讯28at.com

前期准备工作,准备好950*150的店招,里面含有950*30的导航栏。另外准备好文档链接的信息:kEa28资讯网——每日最新资讯28at.com

将店招上传到淘宝的“图片空间”:kEa28资讯网——每日最新资讯28at.com

然后打开dreamweaver软件,新建一个html的文件:kEa28资讯网——每日最新资讯28at.com

选择“拆分”:kEa28资讯网——每日最新资讯28at.com

选中上框中的代码,在蓝色的区域单击,“ctrl+A”全选,然后按“delete"。kEa28资讯网——每日最新资讯28at.com

选择“插入”-“图像”:然后打开这样的一个界面kEa28资讯网——每日最新资讯28at.com

然后回到淘宝的图片空间,在“图片空间”里,复制店招的链接:kEa28资讯网——每日最新资讯28at.com

然后在“URL”窗口中粘贴,再直接点确定就好。kEa28资讯网——每日最新资讯28at.com

会出现如图的对话框,不用管他,直接点击确定。kEa28资讯网——每日最新资讯28at.com

将如下图中的"https"的“s"去掉。kEa28资讯网——每日最新资讯28at.com

淘宝电脑端详情页怎么设置多个链接跳转图片?kEa28资讯网——每日最新资讯28at.com

然后在如下图区域单击,kEa28资讯网——每日最新资讯28at.com

就会显示kEa28资讯网——每日最新资讯28at.com

单击如下图用红色椭圆的矩形热点工具、椭圆热点工具、或者多边形热点工具。kEa28资讯网——每日最新资讯28at.com

选择要加链接的区域,用“矩形热点工具”选中,kEa28资讯网——每日最新资讯28at.com

在如下图红色椭圆区域,将“井号键#“删掉。kEa28资讯网——每日最新资讯28at.com

将一开始准备好的淘宝链接信息文档打开,复制链接。kEa28资讯网——每日最新资讯28at.com

回到第十六步,将复制好的链接粘贴到如下图的红色椭圆区域kEa28资讯网——每日最新资讯28at.com

在“目标”的选择框里,选择“blank"kEa28资讯网——每日最新资讯28at.com

其他区域要加超链接的就按这方法加超链接,从第十五步开始到第十九步,我这就给一个区域加了链接作为示范。kEa28资讯网——每日最新资讯28at.com

淘宝电脑端详情页怎么设置多个链接跳转图片?kEa28资讯网——每日最新资讯28at.com

最后将如下区域的代码全选复制(我这就加了一个链接,所以代码少,如果加了多个链接,代码就多了,记得要全选)kEa28资讯网——每日最新资讯28at.com

然后回到淘宝,到装修的页面,单击“编辑”kEa28资讯网——每日最新资讯28at.com

选择“自定义招牌”kEa28资讯网——每日最新资讯28at.com

再选择”源码”单击,并将”ctrl+v"粘贴。并将尺寸120改成150,最后“保存”即可。kEa28资讯网——每日最新资讯28at.com

就完成了,点击发布就好了。完。kEa28资讯网——每日最新资讯28at.com

讲的好幸苦呀,宝宝求点赞哦。kEa28资讯网——每日最新资讯28at.com

按照作者的另一篇文章《淘宝详情页关联营销》完成第一步,分别制作优惠卷与关联营销图片。kEa28资讯网——每日最新资讯28at.com

按照作者的另一篇文章《淘宝详情页关联营销》完成第二步,分别生成热区代码,kEa28资讯网——每日最新资讯28at.com

淘宝电脑端详情页怎么设置多个链接跳转图片?kEa28资讯网——每日最新资讯28at.com

装修淘宝详情页界面,将代码复制到详情页代码区。此时我们会发现这两个热区图片只能有一个生效。原因是我们的代码ID重复了,系统只能读出其中一个。kEa28资讯网——每日最新资讯28at.com

解决方法:在详情页代码区找到图中的代码,将第一组的两个“map”改为“map1”,将第一组的两个“map”改为“map2”。如果是多个链接图片则依次类推。kEa28资讯网——每日最新资讯28at.com

本文链接://www.dmpip.com//www.dmpip.com/showinfo-23-18720-0.html淘宝电脑端详情页怎么设置多个链接跳转图片?

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 淘宝心选是什么意思?如何设置掌柜推荐?

下一篇: 抖音带货的五种流派?

标签:
  • 热门焦点
Top
Baidu
map