怎么在淘宝详情图里装链接

| 英国移民 |

【www.guakaob.com--英国移民】

怎么在淘宝详情图里装链接(一)
《淘宝教程图片链接》

教你如何在淘宝店铺装修描述模板里加上其他宝贝的图片链接 怎样在我的宝贝描述模板里加上其他宝贝的链接呢,这样买家就能更直观的看到我店里其他的东西了,看到很多店铺都有这样的功能,可是自己都不会弄,高手教教我吧,最好是图片的,一点击图片就可以进入另一个宝贝的页面,谢谢啦

宝贝描述,网店装修,宝贝描述模板

相似问题:

教教我怎么在宝贝描述模板里添加其他宝贝的图片链接

看到一些大卖家的宝贝描述模板都好满,除了宝贝的图片之外,还有店里其他宝贝的图片,而且一点击就可以直接连接到那个宝贝,我想这也是一个提高店铺浏览量的好办法吧,所以想请教一下高手教教我要怎么弄呢,或者这样的模板要去哪里找,最好是那种在下方的,可以贴好多图片的那种。怎么设置,谢谢啦!

EC店长网解答:

要在宝贝描述模板里插入其他宝贝的图片链接 您需要有一定的代码知识或者宝贝描述编辑框编辑能力。下面分别予以说明:

一、通过插入代码的方式来添加其他宝贝的图片链接

首先认识几个代码:

1、插入图片的代码 <img src="图片地址" border=0>

2、添加链接的代码 <a href="宝贝地址" target=blank>宝贝图片</a> 所以,这样就简单了,举例来说:要在描述模板中插入 宝贝图片地址为 的宝贝,宝贝地址为:

我们的代码就应该写成:

<a href="target=blank> <img src="border=0> </a>

3、然后在需要添加的位置 在代码编辑模式,插入上面的代码就可以了。由于是代码编辑模式,请注意您插入的位置。

二、编辑模式插入图片链接

1、在宝贝描述编辑框里 首先把鼠标定位在 描述里的某个要插入图片链接的位置,在那个位置点一下。

然后点击上面工具栏里的 插入图片,如箭头。

2、在弹出的窗口中我们看到 插入图片地址: 把地址黏贴进去,边框为0 。

3、点击确定后,图片进入宝贝描述的位置,鼠标定位到图片上(点击图片一下为选中状态)然后点击工具栏上的加入链接。

4、弹出如下的框,在超级链接里输入宝贝的链接地址,就可以啦。如何获得宝贝地址? 打开宝贝后浏览器里的地址就是了。如何获得图片地址,在宝贝图片上点鼠标右键---属性,就看到图片地址了。复制下来就可以了。

三、第一种和第2种方式结合使用。 大家如果熟悉了代码编辑和视图编辑,可以综合运用2种方式。

四、最简单的方式:

直接在你的淘宝店铺里用鼠标 滑动 选择 图片,如下图,选中后图片变深色,然后在图片上点右键进行复制或者直接按下CTRL+V 进行复制 ,然后在宝贝描述编辑框里要插入图片的地方黏贴就可以了。

这个方式最简单啦。

出于众所周知的原因,淘宝商城店铺是不允许对宝贝描述中的图片制作链接的,无论使用淘宝助理软件或者在线宝贝编辑功能都无法实现。

在一次与淘宝客服的电话沟通中,对方无意间透露可以通过技术手段实现图片外链,于是经过一番查找和摸索,终于知道所谓的技术手段就是Html语句中的Map标签,具体用法举例如下:

<IMG border="0" align="absMiddle"

src="useMap="#Map1">

<MAP name="Map1">

<AREA href= shape="RECT" coords="1,1,750,200"> </MAP>

其中useMap="#Map1"中的Map1是自定义Map的名称,该名称必须和第二句中name语句后面所接的名称相同。在同一段宝贝描述中如果要使用多个Map语句,那么必须定义不同的Map名称,不同的Map实际对应于后续AREA语句中不同的coords像素区域,例句中coords="1,1,750,200"指的就是图片左上角(1,1)坐标到右下角(750,200)坐标之间的长方形区域。

初开小店,一步一步的摸索,从开始什么都不懂,到现在懂了那么一丁点,终于学会了如何在宝贝描述里添加其他宝贝的链接。

享。

百度了一下, 总共有几种方法,不过研究了半天,只弄懂了一种,先重点说明一下。

迫不及待的想要和大家分 编辑模式插入图片链接

1、在宝贝描述编辑框里,先把图片复制过来。点击上面工具栏里的 插入图片,如图:

就是中间那个黄色的图标,然后就会出现这样一个对话框:

在地址一栏,输入宝贝图片地址(如何获取宝贝图片地址?在你店铺中选定要插入链接的宝贝图片,单击右键,选择“复制图片地址”,然后粘贴到地址右边的空白框里就OK了),然后点确定,图片就插入进来了。

2、现在再来插入宝贝图片的链接。左键单击图片,图片会变成这样

怎么在淘宝详情图里装链接(二)
《用DW在淘宝店铺装修中添加图片和链接》

DW店铺装修

之添加图片和链接

最近看了很多关于店铺装修的视频,现在我将自己总结的店铺装修时候用代码添加链接的方法分享给大家,与亲们探讨探讨,有不对的地方希望亲们指出,有错误的思路希望各位大神勿喷, 2015祝大家淘宝大卖,生意红火,家庭幸福,心想事成。

最开始装修店铺的时候最困扰我的便是链接的设置,进了很多同类的网店,发现他们都做得好好哦,一点击就进入了宝贝界面,很想也自己做出这样的效果,所以我在网上使劲找相关的视频,其中谈论得最多的便是微软的Macromedia Dreamweaver 8软件的应用,首先呢下载地址我就不多说了,在百度上粘贴上MacromediaDreamweaver 8会出来很多的哟亲们。好了,我就不多说了,直接上菜。

1、 我们安装好了软件然后就打开DW了,

如果你打开的是这个样子

那么恭喜亲,你下载的软件是正确的,在这里我给大家提供三个可以 用的序列号:

WPD800-59139-91432-25145

WPD800-57931-76932-54523、

WPD800-59931-32632-81939

(如果经济比较富足,请支持购买正版软件)

在Macromedia Dreamweaver 8或淘宝店铺装修时,时常需要用在放一张图片后,在这个图片上再放一张小图片或一些文字加链接,怎么实现呢,先看看效果吧: .下面再把代码复制上,放到代码编辑图里就行了

<table width="932" height="284" border="0"

background="

<tr>

<td><p>&nbsp;</p>

<p> </p>

<p><br />

<a

href="target="_blank"><img src="width="137" height="116" border="0" /></a></p>

</td>

</tr>

</table>

说明: 上面第一个红色部分为底图,了 最后一个红色部分为加上去的小图, 中间a href后面的红色部分是小图的链接,把这些都改成你要的就行。注意图的大小也要根据你要插入的图的大小改动,width="932" height="284"这是底图的大小;width="137" height="116"这是小图的大小 这里只加了一幅图,位置够的话,可以多加几幅或文字都可以哦!

关于Macromedia Dreamweaver (懒得打了以下我都简称DW了哈)的链接操作,首先我们先在PS中做好我们主页的一些图片,我就以我的这张图片为列了

告诉大家一个小诀窍,几张图片合成一张可以用美图秀秀哟,很方便

的呢。注意啦,我们还有一个工作,就是把你做好的这张图片传到我

们的淘宝图片空间哟,然后找到你们的

图片,复制下图片所在的链接

这一步相信亲们都已经很是熟练了吧

进入软件后我们第一步应该是新建站点,但是亲们我们不是专业的网站开发人员所以呢,我们直接点击HTML就OK拉。。

2、 这时候我们会在DW的主界面看到代码、拆分

和设计三个界面,一般我们进来时候便是默认

设计界面,如果不是亲们便点击一下就行啦,

下一步点击选择菜单栏上面的插入——图像——在弹出框中什么都可以不填,直接确定,这样我们图片便插入了这时候我们的界

面应该是这样的。

3、 亲们看到最下面那一栏属性界面了吗?我们的主要工作便是在这

儿进行滴呢,我们找到属性界面里面的源文件,把里面的内容全部删了,然后将我们复制的传在图片空间的图片链接粘贴到这儿喔, 在左下角点击那个不规则的四边形(专业术语叫多边形热点工具),然后在我们图片上选取几个点

5、我选了四个点,然后就把我们要链接的图

片扣出来了喔,这时候我们最下面的属性栏

是这个样子滴。

注意啦,关键来了,我们先去我们的淘宝里面找到我们的宝贝,进入我们的宝贝详情页,在我们浏览器里不是有个网址嘛,我们全部选中,然后复制,再回到我们的DW,将上面图片中所示的属性界面里面的链接的‘#’号删了,将我们复制的链接粘贴到里面就OK拉,目标里面填写_blank,“替换”栏千万不要选喔,然后再点击一下左下角那个黑色箭头,点击一下图片空白地方,这样便是算保存啦,然后再点击我们的多边形热点工具,依次把我们的宝贝图片全部付上链接。

怎么在淘宝详情图里装链接(三)
《淘宝店铺首页模板怎么上传链接图片》

怎么在淘宝详情图里装链接(四)
《如何给淘宝店铺图片加超链接的方法》

怎么在淘宝详情图里装链接(五)
《淘宝图片替换链接教材》

图片替换要先按照模板的尺寸用改图工具修改好您的宝贝图片尺寸,然后上传到图片空间,再复制图片空间的地址进去的哦,具体做法如下:

第一步,找出您要替换的图片,然后打开 photoshop 或 美图秀秀 工具。

然后点击photoshop软件上的图像-图像大小

第二步:回到您店铺装修那里,找到需要更换图片的版块,点击编辑进去

进去后双击图片框看看您模板的图片尺寸是多少(一般是160*160尺寸的)

知道图片尺寸是多少后,回到PS软件里,按照模板的尺寸修改就可以的了

修改完了就保存到桌面上,保存时要修改成jpg格式

图片修改好尺寸后,就可以上传到图片空间了。

首先在旺旺上点击我的淘宝----图片空间

进入图片空间后,点击图片上传

然后点击添加图片

添加之后,复制图片的链接,对着下面图片的链接单击。

点击完成后,又回到店铺装修的页面,对着要替换的图片框双击

怎么在淘宝详情图里装链接(六)
《如何在淘宝模板中插入图片链接?滚动图片如何修改图片及链接》

如何在淘宝模板中插入图片链接?滚动图片如何修改图片及链接

编者按:很感谢淘宝掌柜“愚昧口香糖 ”的提问及建议,这篇文章将主要回答如何在淘宝模板中插入图片链接的相关问题。如有不懂或者说的不相信的地方,欢迎大家留言告诉我们,我们将继续改进。

(一)问题背景

本问题针对的模板为“一款包含店铺公告的淘宝旺铺促销模板”

(二)愚昧口香糖的相关提问

(1)图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。

(2)促销模板中左右滚动的图片有多大?具体尺寸是多少?如何插入?插在代码里的什么位置?

(3)代码里你们网站的地址是否要修改,修改成什么?

(4)还有就是在代码里的什么地方插入商品的描述?也就是链接。

(5)请问160*160哪里的图片是怎么弄上去啊?

(三)基础知识,新手必看(建议新手朋友多看几遍本段文字)

在具体回答这个问题之前,有必要给大家普与图片代码、链接代码、滚动代码相关的html知识,和如果获取图片地址、图片大小的方法,再了解这些基本知识后,以上问题基本就会自己解决了。

(a)图片代码介绍

一个标准的图片代码范例如下:

<img src="/images/1111/toplogo.gif" alt="鱼摆摆网店装修网" width="280" height="60"/>

其中src="/images/1111/toplogo.gif" 指明图片地址,/images/1111/toplogo.gif代表图片地址,在实际运用中就要在src="图片地址"中填写你自己的图片地址。

alt="鱼摆摆网店装修网"中的鱼摆摆图片网店装修网为图片说明,实际运用中修改成你实际的文字即可,这个可有可无,可以省略。

width="280" height="60"中的数字分别设置图片的宽度和高度

因此一个标准的图片代码格式如下:

<img src="图片地址" alt="图片说明文字" width="宽度" height="高度"/>

(b)链接代码说明

链接一般分为文字链接和图片链接,不过文字链接还是图片链接,其格式都一样:<a href="网页地址">链接内容</a>,其中“链接内容”可以是文字,也可以是图片,也可以是包含文字和图片的表格。

1.淘宝中,一个标准的文字链接范例如下:

<a href="/html/gonggao/796.html" target="_blank">联系我们</a> ,其中

/html/gonggao/796.html为网页链接地址(商品地址),“联系我们”为链接的文字。target="_blank"表示为链接网页在新窗口打开,如果省略该选项这表明链接本窗口打开。

因此文字的格式为:<a href="网页地址">文字</a>

2.图片的链接范例如下:

<a href="/html/gonggao/796.html"><img src="/images/1111/toplogo.gif" alt="鱼摆摆网店装修网" width="280" height="60"/></a>

这个代图片链接的html代码现在大家已经看明白了吧?图片链接就是在链接代码中再嵌套了一个图片代码,应该能够自动代码中那个是商品网页地址、那个是图片地址、那个是图片宽度、那个是图片高度了吧?

(c)滚动代码说明

滚动代码的格式为:<MARQUEE scrollAmount=滚动速度 scrolldelay=停顿时

间 direction=方向 behavior=滚动方式 width=宽度 height=高度 loop=循环次数>滚动内容</MARQUEE>

1. scrollAmount参数说明:scrollamount 表示运动速度,值是正整数,默认为6

2. scrolldelay参数说明:scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒

3.direction参数说明:direction 表示滚动的方向,值可以是left,right,up,down,默认为left

4.behavior参数说明:behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动),默认为scroll

5.loop参数说明:loop 表示循环的次数,值是正整数,默认为无限循环

(d)获取图片地址的方法见: 川普咖啡教你如何获取图片地址

(e)获取图片大小的方法:

将图片保存到电脑,然后对着图片点击鼠标右键,选择“摘要”即可得知图片大小。

(四)相关回答。

(1)图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。

在你将模板下载后,使用Dreamweaver(下载地址见Dreamweaver cs3下载地址)打开“预览.html”文件,鼠标左键单击一张“160X160像素”提示图片

然后点击“代码”按钮

你会发现该模板中160X160像素图片其实已经添加了图片代码,只是没有添加图片地址和链接地址而已。

这时候,如果你已经掌握了html知识,那么直接将该代码补充完整即可。补充后的代码为:

<a href="链接地址" target="_blank"><img width="160" height="160" src="图片地址"/></a>(注意:链接地址改为你的商品描述地址,图片地址替换为具体的图片地址)

这样你就完成了一个160X160图片链接的编辑工作。同理将其他图片编辑成你自己的图片链接。

如果还是对后台目录知识不太理解,那么你在鼠标左键单击图片后,在软件下方一下位置填写好图片地址、高度、宽度、链接地址,也是可以的。

(2)促销模板中左右滚动的图片有多大?具体尺寸是多少?如何插入?插在代码里的什么位置?

左右滚动图片尺寸为90X90,很抱歉,我们提供模板时没有具体交代。很多时候,模板中的一些图片大小如果你不清楚,建议你采用qq截图的办法,截取该区域图片大小,然后保存该图片,通过上面说的获取图片大小的方法就可以得知一个比较准确的尺寸。如果尺寸不准,你在稍候微调一下即可。

模板中左右滚动图片插入、编辑方法如下:

如果你已经掌握滚动代码,那么用Dreamweaver打开“预览.html”文件后,点击“代码”按钮,在代码中找到滚动代码的位置,修改图片链接代码即可。如果你对html只是不熟悉,按下面的方法操作:

怎么在淘宝详情图里装链接(七)
《教你如何下载淘宝主图原图的方法》

教你如何下载淘宝主图原图的方法

问:我在淘宝里开了一家店,我的货源是从阿里巴巴拿货的,我怎么把阿里巴巴的图片给下载下来,然后自己处理上传到我的店铺,我该怎么做?

问:我想从天猫店上下载商品图片、SKU图片、还有描述图片及手机端图片到本地,然后编辑处理后,上传到我的淘宝店上,我该怎么做?

问:我想从这家淘宝店上下载商品图片到我电脑上,然后上传到我的淘宝店上,我该怎么做?

这是大多数开网店的卖家经常问的问题。现在我根据我的实战经验,教大家怎么快速又方便,分类又清楚的批量下载这些图片。

先展示一下效果下载效果图,让大家有个直观的感受,我再来演示。

1、下载阿里巴巴(中文站)的图片效果:

示例图1:下载后每个宝贝的图片分别存在一个文件夹中,如下图:

示例图2:

每个目录分类为SKU图、描述图、主图

示例图3:

描述图片按顺序命名

示例图4:

主图根据不同大小的图片分类命名存放:

2、从天猫店和淘宝店下载除了以上内容,如果手机端有发布描述,还可以下载手机端的图片,效果如下: 示例5:

淘宝或天猫手机端描述图片:

通过以上效果展示,大家应该很直观了吧。现在我给大家做一下教程,步骤如下:

第1步:我们百度上搜索一下:卡狐网店图片下载助手,下载到自己的电脑上,双击进行安装。

为了加深理解,先基本了解一下这个工具的用途及功能:

一款阿里巴巴、天猫、淘宝图片批量下载软件,支持电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图分类下载 文件夹分类命名规范,支持整店搜索链接并批量图片下载,支持多种命名规则,是款难得实用的图片下载工具。 主要功能如下:

1.支持批量下载阿里巴巴(中文站)店铺宝贝图片(主图、SKU图、描述图)

2.支持批量下载天猫店店铺宝贝图片(电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图) 3.支持批量下载淘宝店店铺宝贝图片(电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图) 4.支持搜索阿里巴巴(中文站)店铺全店宝贝 5.支持搜索天猫店铺全店宝贝 6.支持搜索淘宝店铺全店宝贝

7.支持按标题名、按货号款号、按商品ID归类命名

8.支持可选下载项(电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图)

第2步:运行软件,登录后进入主界面。这时我们就可以很清楚的看到这个工具的功能。

第3步:我们看到整个宝贝列表是空的,我们需要想要下载的店铺的所有宝贝或单个宝贝的链接添加进来,如

上图所示,点击 添加搜索店铺宝贝 按钮,弹出搜索添加宝贝的对话框。我们选择好 1、店铺类型 2、填好店铺首页地址 3、点击搜索

它就会自动对整个店铺的所有宝贝进行搜索了,如下所示。

当搜索完后,会提示是不是添加到宝贝列表,我们点“是”

第4步:通过上一步添加,我们已经把要下载的宝贝放在列表中了,现在我们只需,点击右侧的“开始下载“,

软件就自动帮我们下载了。

如下图所示,正在下载中,也可以看到下载的整个进度。

最后一步:下载完后,我们打开文件位置,就可以看到我们需的图片了。以上是针对

天猫店进行操作,这软件还支持下载阿里巴巴的,下载淘宝的。这里就不在详细介绍了。

PS:整个介绍就到此结束,希望能帮到需要的朋友,谢谢!

本文来源:http://www.guakaob.com/yimin/268078.html

    【怎么在淘宝详情图里装链接】相关推荐