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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

标签:
  • 热门焦点
  • 官方承诺:K60至尊版将会首批升级MIUI 15

    全新的MIUI 15今天也有了消息,在官宣了K60至尊版将会搭载天玑9200+处理器和独显芯片X7的同时,Redmi给出了官方承诺,K60至尊重大更新首批升级,会首批推送MIUI 15。也就是说虽然
  • 俄罗斯:将审查iPhone等外国公司设备 保数据安全

    iPhone和特斯拉都属于在各自领域领头羊的品牌,推出的产品也也都是数一数二的,但对于一些国家而言,它们的产品可靠性和安全性还是在限制范围内。近日,俄罗斯联邦通信、信息技术
  • Automa-通过连接块来自动化你的浏览器

    1、前言通过浏览器插件可实现自动化脚本的录制与编写,具有代表性的工具就是:Selenium IDE、Katalon Recorder,对于简单的业务来说可快速实现自动化的上手工作。Selenium IDEKat
  • 三言两语说透设计模式的艺术-单例模式

    写在前面单例模式是一种常用的软件设计模式,它所创建的对象只有一个实例,且该实例易于被外界访问。单例对象由于只有一个实例,所以它可以方便地被系统中的其他对象共享,从而减少
  • 一篇聊聊Go错误封装机制

    %w 是用于错误包装(Error Wrapping)的格式化动词。它是用于 fmt.Errorf 和 fmt.Sprintf 函数中的一个特殊格式化动词,用于将一个错误(或其他可打印的值)包装在一个新的错误中。使
  • 一篇文章带你了解 CSS 属性选择器

    属性选择器对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。一、了解属性选择器CSS属性选择器提供了一种简单而
  • 腾讯盖楼,字节拆墙

    来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之“想重温暴刷深渊、30+技能搭配暴搓到爽的游戏体验吗?一起上晶核,即刻暴打!”曾凭借直播腾讯旗下代理格斗游戏《DNF》一
  • iQOO Neo8系列今日官宣:首发天玑9200+ 全球安卓最强芯!

    在昨日举行的的联发科新一代旗舰芯片天玑9200+的发布会上,iQOO官方也正式宣布,全新的iQOO Neo8系列新品将全球首发搭载这款当前性能最强大的移动平台
  • 英特尔Xe-HP项目终止,将专注Xe-HPC/HPG系列显卡

    据10 月 31 日消息报道,英特尔高级副总裁兼加速计算系统和图形事业部总经理 表示,Xe-HP“ Arctic Sound” 系列服务器 GPU 已经应用于 oneAPI devcloud 云服
Top