淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1448|回复: 7
收起左侧

[装修相关] 淘宝C店基础版,自定义店招首页和详情页有错位

[复制链接]
  • TA的每日心情

    2016-4-8 23:57
  • 签到天数: 9 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    14

    帖子

    1781

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1781

    发表于 2016-3-29 22:10:45 | 显示全部楼层 |阅读模式
    这是小店的地址:https://bob224.taobao.com/?spm=a21ar.c-design.0.0.ERnDWv
    跪求大神看看。。。。

    这事首页的店招,我设置150高把自带导航挤下去了,然后在店招里自定义了导航,首页都是显示正常的

    首页

    首页

    然后到了宝贝详情页就变成这样了

    详情页

    详情页


    求大神帮忙看看


    我的店招自定义导航设置了几个弹出层,弹出层代码我是放在下面的自定义区的。
    有时候首页也会错位,就只显示所有宝贝,后面其他的都不显示,而且弹出层页错位到其他地方显示

    本来是由根据论坛教程设置了店招通栏的,但是我不知道是不是这个原因造成错位就把代码删了

    附上代码,代码是我在宇宙生成之后再自己稍微改动过的,主要就是调下显示的位置


    1. <table width="950" height="115" border="0" cellpadding="0" cellspacing="0" style="line-height:0;">
    2.   <tbody>
    3.     <tr>
    4.       <td>
    5.          <img src="//gdp.alicdn.com/imgextra/i3/408813867/TB2H0kulFXXXXbFXpXXXXXXXXXX_!!408813867.gif" width="290" height="96" alt="" />
    6.       </td>
    7.       <td>
    8.          <a href="//item.taobao.com/item.htm?id=528177740709&scene=taobao_shop" target="_blank"> <img src="//gdp.alicdn.com/imgextra/i1/408813867/TB2YTU4lFXXXXagXXXXXXXXXXXX_!!408813867.gif" width="86" height="96" border="0" alt="" /></a>
    9.       </td>
    10.       <td>
    11.          <a href="//favorite.taobao.com/popup/add_collection.htm?spm=a1z10.5-c.0.0.4gDEN0&id=62794693&itemid=62794693&itemtype=0&sellerid=408813867&scjjc=2&scene=taobao_shop" target="_blank"> <img src="//gdp.alicdn.com/imgextra/i4/408813867/TB2brI5lFXXXXXEXXXXXXXXXXXX_!!408813867.gif" width="574" height="96" alt="" /></a>
    12.       </td>
    13.     </tr>
    14.     <tr>
    15.       <td colspan="3">
    16.          <img src="//gdp.alicdn.com/imgextra/i4/408813867/TB2TR.jlFXXXXcvXpXXXXXXXXXX_!!408813867.gif" width="950" height="19" alt="" />
    17.       </td>
    18.     </tr>
    19.   </tbody>
    20. </table>

    21. <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:110px;top:124px;width:47px;height:16px;z-index:29;">
    22.    <a style="font-size:16px;color:#756658;font-family:simhei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/index.htm?spm=a1z10.1-c.w5002-1262515917.2.XJSAsd&scene=taobao_shop" target="_blank">| 首页</a>
    23. </div>

    24. <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:160px;top:124px;width:87px;height:16px;z-index:29;">
    25.    <a style="font-size:16px;color:#756658;font-family:simhei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/category-1197001512.htm?spm=a1z10.1-c.w5002-1262515917.4.XJSAsd&search=y&catName=2016%B4%BA%BC%BE%C9%CF%D0%C2&scene=taobao_shop" target="_blank">| 春款汇总</a>
    26. </div>

    27. <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:242px;top:124px;width:87px;height:16px;z-index:29;">
    28.    <a style="font-size:16px;color:#756658;font-family:simhei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/category-1199182233.htm?spm=2013.1.w5002-1262515917.3.Ii8ZLQ&search=y&catName=2016%CF%C4%BC%BE%C9%CF%D0%C2&scene=taobao_shop" target="_blank">| 夏款上新</a>
    29. </div>

    30. <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:630px;top:124px;width:67px;height:16px;z-index:29;">
    31.    <a style="font-size:16px;color:#756658;font-family:simhei;font-weight:800;text-decoration:none;" href="//bob224.taobao.com/category-1198567171.htm?spm=2013.1.w4010-1600431280.34.U3bO7Z&search=y&catName=%BF%E3%D7%D3&scene=taobao_shop#bd" target="_blank">| 打底裤</a>
    32. </div>

    33. <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:700px;top:124px;width:47px;height:16px;z-index:29;">
    34.    <a style="font-size:16px;color:#756658;font-family:simhei;font-weight:800;text-decoration:none;" href="//bob224.taobao.com/category-1198567184.htm?spm=a1z10.5-c.w4010-1600422599.37.vUi832&search=y&catName=%C3%DE%B0%C0%2F%C3%DE%B7%FE&scene=taobao_shop#bd" target="_blank">| 冬装</a>
    35. </div>

    36. <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:750px;top:124px;width:47px;height:16px;z-index:29;">
    37.    <a style="font-size:16px;color:#756658;font-family:simhei;font-weight:850;text-decoration:none;" href="//bob224.taobao.com/category-1198567183.htm?spm=a1z10.5-c.w4010-1600422599.38.vUi832&search=y&catName=%BE%D3%BC%D2%CB%AF%D2%C2&scene=taobao_shop#bd" target="_blank">| 居家</a>
    38. </div>

    39. <div class="wd_self_rel" data-title="yepbaby美工" style="position:relative;width:950px;height:35px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(//gdp.alicdn.com/imgextra/i4/408813867/TB2_TQGlFXXXXc2XXXXXXXXXXXX_!!408813867.png);background-attachment:scroll;background-position:center top;">
    40.   <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_popupWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:24px;top:0px;">
    41.     <div class="popup_0_1458988698511">
    42.       <div class="wd_self_rel" data-title="yepbaby美工" style="position:relative;width:60px;height:35px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(about:blank);background-attachment:scroll;background-position:center top;">
    43.         <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:7px;top:9px;width:92px;height:28px;z-index:29;">
    44.            <a style="font-size:16px;color:#756658;font-family:microsoft yahei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/search.htm?spm=a1z10.1-c.w5002-1262515917.1.q9FkBF&search=y&scene=taobao_shop" target="_blank">所有分类</a>
    45.         </div>
    46.       </div>
    47.     </div>
    48.   </div>
    49.   <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_popupWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:320px;top:0px;">
    50.     <div class="popup_322_1459006862459">
    51.       <div class="wd_self_rel" data-title="yepbaby美工" style="position:relative;width:60px;height:35px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(about:blank);background-attachment:scroll;background-position:center top;">
    52.         <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:7px;top:9px;width:92px;height:28px;z-index:29;">
    53.            <a style="font-size:16px;color:#756658;font-family:microsoft yahei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/category-1198567166.htm?spm=a1z10.3-c.w5002-1262515917.7.ly3o71&search=y&catName=T%D0%F4&scene=taobao_shop" target="_blank">| 衬衫/T恤</a>
    54.         </div>
    55.       </div>
    56.     </div>
    57.   </div>
    58.   <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_popupWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:405px;top:0px;">
    59.     <div class="popup_779_1459009230364">
    60.       <div class="wd_self_rel" data-title="yepbaby美工" style="position:relative;width:60px;height:35px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(about:blank);background-attachment:scroll;background-position:center top;">
    61.         <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:7px;top:9px;width:92px;height:28px;z-index:29;">
    62.            <a style="font-size:16px;color:#756658;font-family:microsoft yahei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/category-1197003504.htm?spm=a1z10.1-c.w4010-1636168574.10.REWZs5&search=y&catName=%B9%AB%D6%F7%C8%B9&scene=taobao_shop#bd" target="_blank">| 公主裙</a>
    63.         </div>
    64.       </div>
    65.     </div>
    66.   </div>
    67.   <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_popupWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:75px;top:0px;">
    68.     <div class="popup_2_1459045038082">
    69.       <div class="wd_self_rel" data-title="yepbaby美工" style="position:relative;width:60px;height:35px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(about:blank);background-attachment:scroll;background-position:center top;">
    70.         <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:410px;top:9px;width:92px;height:28px;z-index:29;">
    71.            <a style="font-size:16px;color:#756658;font-family:microsoft yahei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/category-1198567176.htm?spm=a1z10.1-c.w4010-1636168574.21.REWZs5&search=y&catName=%CD%E2%CC%D7%2F%BC%D0%BF%CB&scene=taobao_shop#bd" target="_blank">| 外套/夹克</a>
    72.         </div>
    73.       </div>
    74.     </div>
    75.   </div>
    76.   <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_popupWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:95px;top:0px;">
    77.     <div class="popup_141_1459046171349">
    78.       <div class="wd_self_rel" data-title="yepbaby美工" style="position:relative;width:60px;height:35px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(about:blank);background-attachment:scroll;background-position:center top;">
    79.         <div class="footer-more-trigger sn-simple-logo wd_self_abs WD_textNode" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:480px;top:9px;width:92px;height:28px;z-index:29;">
    80.            <a style="font-size:16px;color:#756658;font-family:microsoft yahei;font-weight:600;text-decoration:none;" href="//bob224.taobao.com/category-1198567180.htm?spm=a1z10.1-c.w4010-1636168574.29.REWZs5&search=y&catName=%CC%D7%D7%B0&scene=taobao_shop#bd" target="_blank">| 套装</a>
    81.         </div>
    82.       </div>
    83.     </div>
    84.   </div>
    85. </div>


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    2016-9-5 13:52
  • 签到天数: 7 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    45

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13501

    发表于 2016-3-30 09:28:21 | 显示全部楼层
    不错 你家的弹出层是怎么装修的

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-4-8 23:57
  • 签到天数: 9 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    14

    帖子

    1781

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1781

     楼主| 发表于 2016-3-30 09:49:43 | 显示全部楼层
    hcq 发表于 2016-3-30 09:28
    不错 你家的弹出层是怎么装修的

    用工具做的,生成代码后自己再根据实际情况稍微改动下

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-11-23 10:46
  • 签到天数: 135 天

    连续签到: 1 天

    [LV.7]炉火纯青

    10

    主题

    889

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31682

    淘宝皇冠店美工最佳新人热心会员

    QQ
    发表于 2016-3-30 10:24:55 | 显示全部楼层
    代码问题吧

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    昨天 12:12
  • 签到天数: 1101 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279758

    发表于 2016-3-30 11:32:39 | 显示全部楼层
    用工具做的,几乎都是用footer-more-trigger这个类进行定位,
    而footer-more-trigger在详情页不起作用,
    所以会这样完全是正常的。

    切下图、做下热点会比这个稳定得多

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    昨天 14:29
  • 签到天数: 100 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24685

    最佳新人热心会员

    QQ
    发表于 2016-3-30 13:22:30 | 显示全部楼层
    X_in 发表于 2016-3-30 11:32
    用工具做的,几乎都是用footer-more-trigger这个类进行定位,
    而footer-more-trigger在详情页不起作用,
    所 ...

    膜拜搞基基佬

    淘宝代码问题直接加QQ:343063418
  • TA的每日心情

    2016-4-8 23:57
  • 签到天数: 9 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    14

    帖子

    1781

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1781

     楼主| 发表于 2016-3-30 13:43:16 | 显示全部楼层
    X_in 发表于 2016-3-30 11:32
    用工具做的,几乎都是用footer-more-trigger这个类进行定位,
    而footer-more-trigger在详情页不起作用,
    所 ...

    嗯,一语道破,谢谢了,晚点用切图再重新做一遍试试

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-4-8 23:57
  • 签到天数: 9 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    14

    帖子

    1781

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1781

     楼主| 发表于 2016-3-31 15:22:44 | 显示全部楼层
    还是切图稳定

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-9 12:03 , Processed in 0.124045 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表