快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 怎样在宝贝详情页中制作一张图片多个链接

怎样在宝贝详情页中制作一张图片多个链接

放大字体  缩小字体 发布日期:2025-06-29 16:02:29  来源:电商联盟  作者:乐发网  浏览次数:11129

对于中小店铺,在宝贝详情页中添加超链接是提升流量很好的办法,最近在论坛上学习到一些制作方法, 很好用,在这里和大家一起分享一下。
我用的是Adobe Dreamweaver CS4,这个软件制作链接很好用,网上有很多,可以直接下载。
一.打开软件 首先打开Adobe Dreamweaver CS4软件,在初始页面中可以从“文件”中新建,也可以直接点击“HTML"

二.插入图片点击HTML后会弹出下图,之后点击“插入”图像,在弹出的窗口中找到你编辑的图片插入就好了,

在点击玩确定的文件名后会弹出对话筐,不用管,直接点确定就OK了,有两个,全都点确定就好了。

下面的是我所插入的图片后的效果界面图,之后就要开始对我们的图片添加链接了

三.添加链接在软件窗口的左下角,有一个“绘制矩形热点”这样的一个命令符号,如图红色标记所示,这个就是我们添加链接的命令按钮,有三个形状,在做图的时候可以根据需要选取,我们这里用的是矩形的命令按钮,

选取第一个矩形的命令按钮,鼠标移动至所要编辑的图片,拖动选中起要分割的单一图片,如图所示,被选中的部分变成朦胧状,就OK了,弹出的对话框直接点确定就行了

在左下方有链接的地址,把“#”去掉,然后把所选图片的链接地址复制上去,然后点“文件”“保存”

这样其中的一部分就做好了,同理,可以把剩下的图片加上自己想要的链接之后保存

四.复制代码复制软件上方代码窗口中两个"<body>"之间所有的代码,保存到TXT文档中就行了

这样一个图片上的多个链接就做好了,之后介绍下怎样把做好的图片应用到宝贝详情页中

一.图片上传很简单的,把之前做的大图上传到自己的图片空间里,打开图片,右键点击图片,把图片的地址复制下来,粘贴到之前保存好的文档中 <ing src="图片地址"的位置中,如图

保存

二.新建模块打开装修店铺,在装修宝贝详情页中新建个自定义模块,

然后先保存,之后再次打开装修宝贝详情页,编辑之前保存好的自定义模块,在点开编辑窗口的右边,有一个“编辑HTML源码”命令按钮,点击,然后把之前保存在TXT文档中的代码复制进去,

再次点击“编辑HTML源码”命令按钮,就会显示图片效果图了,

发布 结束

希望能给大家带来帮助,祝各位掌柜生意兴隆 越来越旺

快消品货源网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 怎样在宝贝详情页中制作一张图片多个链接

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝网店装修前的注意事项详细攻略-淘宝网店装修注意事项 淘宝图片护盾许可名单如何设置?
淘宝详情模板市场使用教程 如何制作淘宝详情页图片?宝贝详情页有哪些内容?
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问