一键访问 | 淘宝开店QQ群1:275113935 QQ群2:91255548 QQ群3:15732716 QQ群4:35780981
下载地址

淘宝宝贝详情页套餐搭配模板(店铺促销通用)

这是一款适合任何淘宝店铺通用促销模板,主要用在宝贝详情页750像素自定义区模块的套餐搭配模板代码。

大家对HTML代码有点了解的,应该都知道<div style="background:url(背景图片地址)"></div>即可显示出背景图片,但在淘宝宝贝详情页里,如果这样写的话,发布后背景决对是一片空白?

那是在淘宝宝贝详情页中一般是无法使用背景图。如果你使用背景图片,在发布后淘宝立马给你过滤掉,就因为无法使用背景图,很多功能都实现不了。

所以很多卖家都采用图片形式来做搭配套餐,但是这样就缺少了模板的灵活性。尤其是你如果参加淘宝官方付邮试用的宝贝,详情页是一定会加入各种套餐的,而且每个套餐基本都要改的,有时只是换一个宝贝、改一下价格,这样又要打开文件重新修改,很是麻烦。

那时我就一直在想,为什么不把套餐做成一个模板,这样修改起来又方便又快速,而且还不用重新做图。

今天,我换了一种方法,使用table表格来实现,发布后居然可以正常显示出来了!真是晕死!DIV+CSS不支持背景图片,表格却支持!

代码使用方法:

页面管理  - 宝贝详情页面 - 默认宝贝详情页 - 自定义区模块,添加进代码即可。使用代码前请先将对应代码的图片上传自己的淘宝图片空间链接上去,不然会报错说不能使用他人图片空间的图片。


下面是该代码中用到的背景图片,请保存图片使用:

淘宝搭配套餐图片


下面是淘宝宝贝详情页套餐搭配模板代码:

<table>

<tbody>

<tr>

<td background="http://img02.taobaocdn.com/imgextra/i2/22862746/T2Sju3XLBaXXXXXXXX-22862746.jpg" width="750px" height="240px">

    <div style="padding:0px 295px;">

    <span style="font-size: 14px; ">五一劳动节 促销优惠58元(套餐文字介绍)</span>

    </div>

    <div style="padding:35px 0 0 30px;float:left;">

    <img src="http://img01.taobaocdn.com/imgextra/i1/22862746/T2kVmmXJtaXXXXXXXX-22862746.jpg_160x160.jpg"  style="width:120px;height:120px;">

    </div>

    <div style="padding:35px 0 0 72px;float:left;">

    <img src="http://img01.taobaocdn.com/imgextra/i1/22862746/T2kVmmXJtaXXXXXXXX-22862746.jpg_160x160.jpg"  style="width:120px;height:120px;">

    </div>

    <div style="padding:35px 0 0 65px;float:left;">

    <img src="http://img01.taobaocdn.com/imgextra/i1/22862746/T2kVmmXJtaXXXXXXXX-22862746.jpg_160x160.jpg"  style="width:120px;height:120px;">

    </div>

<div style="padding:25px 0 0 640px">

<span style="color:#fff;font-family:Impact;font-size:65px;">49</span>

        <span style="color:#fff;font-family:Impact;font-size:20px;">.00</span>

     </div>

     <div style="padding:0 0 0 590px;">

<span style="color:#000;font-size:14px; text-decoration:line-through">原价:108元</span>

        <span style="color:#fff;font-size:14px;">立省:58元</span>

     </div>

<div style="padding:10px 0 0 591px;width:150px;height:30px;">

<a href="http://www.taoqao.com/" style="display:block;width:150px;height:30px;" target="_blank"></a>

    </div>

</td>

</tr>

</tbody>

</table>

本网站素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担!!!