淘宝店招如何添加宝贝图片和宝贝链接

作者:滴水穿石 | 创建时间: 2023-06-15
淘宝店招添加链接的教程网上比比皆是,但是给店招的宝贝图片添加链接的教程却没有。本文小编教大家如何用最简便的方法给淘宝店招添加宝贝链接。范例效果图如下所示。本次的代码会给店招加入三张图片。...
淘宝店招如何添加宝贝图片和宝贝链接

操作方法

完整代码如下:(小编设置的店招宽度是100px。淘宝默认为130px。) <table width="950" height="100" border="0" background="店招图片"> <tr> <td width="398"></td> <td width="326"><table width="326"  height="52"border="0" cellpadding="0" cellspacing="0"> <tr> <td><table width="100" height="50"border="1"cellpadding="0" cellspacing="0"  bordercolor="#FFFFFF"> <tr> <td><img src="图片1地址" width="100" height="50"></td> </tr> </table></td> <td><table width="100" height="50"border="1"cellpadding="0" cellspacing="0"  bordercolor="#FFFFFF"> <tr> <td><img src="图片2地址" alt="" width="100" height="50"></td> </tr> </table></td> <td><table width="100" height="50"border="1"cellpadding="0" cellspacing="0"  bordercolor="#FFFFFF"> <tr> <td><img src="图片3地址" alt="" width="100" height="50"></td> </tr> </table></td> </tr> </table></td> <td width="212"></td> </tr> </table>

代码中bordercolor="#FFFFFF"表示图片边框的颜色,此时是白色。RGB值为FFFFFF。各位可以根据自己店招的风格输入不同颜色RGB值。

进入卖家中心--图片空间,找到要加入的店招背景图,鼠标放在图片上,点击中间的复制按钮,复制图片地址。插入到background="店招图片" 删除店招图片四个字,将图片地址粘贴进来。

进入卖家中心-店铺装修后台,点击店招编辑,点击代码编辑模式。粘贴前面的代码。

再次点击代码编辑模式返回到普通模式,此时可以发现店招变成如下所示,右边有三个小框,每个小框分别是一张图片,鼠标左键点击图片处,点击编辑。(注意你们粘贴代码后不会出现下图所示的图片信息,这些图片是我自己电脑里的,你们粘贴后只会显示几个没有数据的方框,如图2所示,把方框当做图片即可)

用之前的方法在图片空间找到需要加入的宝贝图片地址,粘贴即可,再粘贴进宝贝的链接网址。我代码设置的图片的宽为100px,高位50px。用相同的方法把店招图片的地址也插入进去。

宝贝链接网址寻找方法:点击需要插入的宝贝,如下图所示地址栏的信息即宝贝的链接网址。

温馨提示

插入的图片若大小不一样会自动缩小到指定大小。请务必使用小编所说的插入方法,不要使用以下这种方法插入宝贝图片,否则图片大小参数会被破坏。
点击展开全文

更多推荐