快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 淘宝店铺基础版全屏装修步骤及代码,已经经过测试

淘宝店铺基础版全屏装修步骤及代码,已经经过测试

放大字体  缩小字体 发布日期:2024-12-16 07:36:06  来源:电商联盟  作者:乐发网  浏览次数:5

1.淘宝基础版全屏海报

旺铺基础版是左右两栏的布局,那我们就把左栏的模块全部删掉,在右栏建立自己的自定义模块,在自定义模块中加入以下代码,产生的效果就是通栏效果。在“加入自己的自定义内容”这句话这里插入自定义代码比如全屏不轮播代码等。

> <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:580px;overflow:hidden;">
<div class="taobaoux">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:950px;padding-right:0px;height:580px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:950px;padding-right:0px;height:580px;border-top:medium none;border-right:medium none;padding-top:0px;left:-575px;">

<font color="#ff0000">加入自己的自定义内容</font>

</div>

2、淘宝基础版表格布局代码

<div class="J_TWidget" data-widget-config="{&quot;effect&quot;: &quot;fade&quot;, &quot;circular&quot;:
true ,&quot;contentCls&quot;:&quot;taobaoux&quot;}" data-widget-type="Tabs" style="height:380px;overflow:hidden;">
<div class="taobaoux">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;left:0px;width:950px;padding-right:0px;height:580px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">
<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;left:0px;width:950px;padding-right:0px;height:580px;border-top:medium none;border-right:medium none;padding-top:0px;left:-480px;">
<div style="height:600px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:40px;border:none;padding:0;">
<a href="#" style="width:1920px;height:600px;display:block;" target="_blank">
<table height="30px">
<tbody>
<tr>
<td width="370px">
&nbsp;
</td>
<td width="380px">
<img src=https://www.kxphy.com/skin/qyskindir/image/nopic.gif />
</td>
<td width="20px">
&nbsp;
</td>
<td width="380px">
<a>
<div style="background-image:url(//gdp.alicdn.com/imgextra/i4/2445509868/TB2zq3ajVXXXXXgXFXXXXXXXXXX_!!2445509868.jpg);height:450px;">
<div style="position:relative;top:400px;left:30px;color:white;font-size:20px;">
男士正装 原价200元 现价100元
</div>
</div>
</a>
</td>
<td width="20px">
&nbsp;
</td>
<td width="380px">
<a><img src=https://www.kxphy.com/skin/qyskindir/image/nopic.gif /> </a>
</td>
<td width="370px">
&nbsp;
</td>
</tr>
</tbody>
</table>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

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

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

本文来源: 淘宝店铺基础版全屏装修步骤及代码,已经经过测试

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
【官方】新旺铺教程之宝贝详情模板 如何运用图片轮播功能动态展示天猫商品?
淘宝装修子账号设置流程 看我怎么把描述视频加到淘宝首页
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问