快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 将淘宝旺铺专业版950模块应用到基础版750模块中

将淘宝旺铺专业版950模块应用到基础版750模块中

放大字体  缩小字体 发布日期:2024-04-23 22:26:39  来源:电商联盟  作者:乐发网  浏览次数:10

各位亲,大家新年好,给大家拜个晚年了。祝各位朋友在新的一年里,事事顺,财源广进,马到成功,马上有钱!

假期帮几个基础版网店朋友装修了一下网店,论坛里有很多漂亮的模块都是直接运用在专业版的950区域的,经过改造一下,就可以放到基础版中应用了。

以下面这个原本在专业版中展示的950区域代码为例子

 

  1. <div style=" background:#FFF; overflow:hidden">
  2.   <a href="#" target="_blank" style=" width:236px; height:270px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1AnKKFoBbXXb1upjX) no-repeat center 0; float:left"></a>
  3.     <div style=" float:left; width:474px; height:270px; overflow:hidden; margin-left:2px;">
  4.       <a href="#" target="_blank" style=" width:236px; margin:0 2px 2px 0; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fi1MFc4XXXb1upjX) no-repeat center 0; float:left"></a>
  5.         <a href="#" target="_blank" style=" width:236px;margin:0 0 2px 0; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1tOSJFX8eXXb1upjX) no-repeat center 0; float:left"></a>
  6.         <a href="#" target="_blank" style=" width:236px;margin:0 2px 0 0; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fliLFmJaXXb1upjX) no-repeat center 0; float:left"></a>
  7.         <a href="#" target="_blank" style=" width:236px; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1DRuLFlNaXXb1upjX) no-repeat center 0; float:left"></a>
  8.     </div>
  9.     <a href="#" target="_blank" style=" width:236px; height:270px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1lQaMFbJXXXb1upjX) no-repeat center 0; float:right"></a>
  10. </div><a name="sgmb"></a>
复制代码

 
把以上代码直接安装到基础版的750区域中,显示效果如下:
 

把这个代码加上下面代码:

  1. <div style="overflow:hidden;zoom:1;height:275px;">
  2.   <div class="footer-more-trigger" style="width:950px;height:275px;left:auto;top:auto;margin:0;padding:0;border:0;">
  3.     <div class="footer-more-trigger" style="top:auto;left:-190px;margin:0;padding:0;border:0;">
  4.       <table border="0" cellpadding="0" cellspacing="0" class="" height="275" width="950">
  5.         <tbody>
  6.           <tr>
  7.             <td>
  8.               
  9. 原来的代码
复制代码
添加这个代码后,变成下列代码:


  1. <div style="overflow:hidden;zoom:1;height:275px;">
  2.   <div class="footer-more-trigger" style="width:950px;height:275px;left:auto;top:auto;margin:0;padding:0;border:0;">
  3.     <div class="footer-more-trigger" style="top:auto;left:-190px;margin:0;padding:0;border:0;">
  4.       <table border="0" cellpadding="0" cellspacing="0" class="" height="275" width="950">
  5.         <tbody>
  6.           <tr>
  7.             <td>
  8.               <div style="background:#FFF;overflow:hidden;">
  9.                 <a href="#" style="width:236px;height:270px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1AnKKFoBbXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a>
  10.                 <div style="float:left;width:474px;height:270px;overflow:hidden;margin-left:2px;">
  11.                   <a href="#" style="width:236px;margin:0 2px 2px 0;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fi1MFc4XXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a> <a href="#" style="width:236px;margin:0 0 2px 0;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1tOSJFX8eXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a> <a href="#" style="width:236px;margin:0 2px 0 0;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fliLFmJaXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a> <a href="#" style="width:236px;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1DRuLFlNaXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a></div>
  12.                 <a href="#" style="width:236px;height:270px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1lQaMFbJXXXb1upjX) no-repeat center 0;float:right;" target="_blank"></a></div>
  13.             </td>
  14.           </tr>
  15.         </tbody>
  16.       </table>
  17.     </div>
  18.   </div>
  19. </div>
复制代码

把这个修改过的代码安装到基础版750区域,想左偏移190PX后,就变成了950区域的模块了。
 


亲们可以根据这个原理,把所有的专业版950模块,移植到基础版中使用了。

如果对您有帮助,记得顶我,高手绕道。。。勿喷。

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

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

本文来源: 将淘宝旺铺专业版950模块应用到基础版750模块中

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝店铺,天猫店铺背景固定的方法。 淘宝店铺装修如何实现全屏轮播
淘宝装修子账号设置流程 7个步骤打造史上最牛详情页
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问