首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修代码

    淘宝和天猫悬浮旺旺代码

    2015-05-05 17:13:35 人气:4786

    新手开店对于淘宝店铺装修一窍不通,更不用说对于代码的灵活运用了。

    基础的如何添加代码装修教程我们可以阅读甩手网(淘宝店铺装修专题),最近有些人在问我怎么添加淘宝悬浮旺旺。

    其实悬浮旺旺也是通过代码来装修的,只要把代码添加进去了,具体我们看代码:

    淘宝悬浮旺旺代码:

    [HTML]

    <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.\u180Esite-nav-fixed','effect':'scrollx','interval':0.1,'activeIndex':1,'navCls':'dm_001daima_com','contentCls':'dmx','autoplay':true}" data-widget-type="Carousel" style="position:relative;">
      <ul class="dmx" style="display: none; width: 999999px; left: 0px; position: absolute;">
        <li style="border-top-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; display: block; float: left;" class=""> </li>
      </ul>
      <ul class="dm_001daima_com">
        <li style="left:50%;top:40px;height:0px;" class="cbu-iframe">
          <div class="footer-more-trigger sn-simple-logo" style="left:-641px;width:150px;border:none;padding:0px 0px;margin:0px 0px;">
            <div style="width:135px;overflow:hidden;">
    <!---  这里替换为你切好片的代码   -->
              </div>
          </div>
        </li>
      </ul>
    </div>

    位置和大小修改<div class="footer-more-trigger sn-simple-logo" style="left:-641px;width:150px;border:none;padding:0px 0px;margin:0px 0px;">这一段,left是位置 width是宽度 。
    <li style="left:50%;top:40px;height:0px;" class="cbu-iframe">这句话中 top 是悬浮到顶部的位置!

    天猫悬浮代码:

    [HTML]

    <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.\u180Etm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'dmxf','contentCls':'dmxf2','autoplay':true}" data-widget-type="Carousel" style="position:relative;">
      <ul class="dmxf2" style="display:none;">
        <li style="border-top:1px #cccccc solid;"> </li>
      </ul>
      <ul class="dmxf">
        <li style="left:50%;top:40px;height:0px;">
          <div class="footer-more-trigger sn-simple-logo" style="left:-661px;width:130px;border:3px #cccccc solid;padding:0px 0px;margin:0px 0px;">
    <!---  这里替换为你切好片的代码   -->
          </div>
        </li>
      </ul>
    </div>

    修改方法同上面淘宝一样

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝店铺装修

    淘宝店铺装修

    网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议