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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

标签:
  • 热门焦点
  • 轿车从天而降电动车主被撞身亡 超速抢道所致:现场视频让网友吵翻

    近日,上海青浦区法院判决轿车从天而降电动车主被撞身亡案,轿车车主被判有期徒刑一年。案件显示当时男子驾驶轿车在上海某路段行驶,前车忽然转弯提速超车,
  • 掘力计划第 20 期:Flutter 混合开发的混乱之治

    在掘力计划系列活动第20场,《Flutter 开发实战详解》作者,掘金优秀作者,Github GSY 系列目负责人恋猫的小郭分享了Flutter 混合开发的混乱之治。Flutter 基于自研的 Skia 引擎
  • Automa-通过连接块来自动化你的浏览器

    1、前言通过浏览器插件可实现自动化脚本的录制与编写,具有代表性的工具就是:Selenium IDE、Katalon Recorder,对于简单的业务来说可快速实现自动化的上手工作。Selenium IDEKat
  • SpringBoot中使用Cache提升接口性能详解

    环境:springboot2.3.12.RELEASE + JSR107 + Ehcache + JPASpring 框架从 3.1 开始,对 Spring 应用程序提供了透明式添加缓存的支持。和事务支持一样,抽象缓存允许一致地使用各
  • 一个注解实现接口幂等,这样才优雅!

    场景码猿慢病云管理系统中其实高并发的场景不是很多,没有必要每个接口都去考虑并发高的场景,比如添加住院患者的这个接口,具体的业务代码就不贴了,业务伪代码如下:图片上述代码有
  • 一条抖音4亿人围观 ! 这家MCN比无忧传媒还野

    作者:Hiu 来源:互联网品牌官01 擦边少女空降热搜,幕后推手曝光被网友誉为“纯欲天花板”的女网红井川里予,近期因为一组哥特风照片登上热搜,引发了一场互联网世界关于
  • 2纳米决战2025

    集微网报道 从三强争霸到四雄逐鹿,2nm的厮杀声已然隐约传来。无论是老牌劲旅台积电、三星,还是誓言重回先进制程领先地位的英特尔,甚至初成立不久的新
  • 三星折叠屏手机去年销售近1000万台 今年目标定为1500万

    7月29日消息,三星率先发力可折叠手机市场,在全球市场已经取得了非常亮眼的成绩,接下来会进一步巩固和扩大这一优势。三星在推出Galaxy Z Flip5和Galax
  • 回归OPPO两年,一加赢了销量,输了品牌

    成为OPPO旗下主打性能的先锋品牌后,一加屡创佳绩。今年618期间,一加手机全渠道销量同比增长362%,凭借一加 11、一加 Ace 2、一加 Ace 2V三款爆品,一加
Top