您好,欢迎来到1号商学院

装修魔盒2.0上线重要通知




 亲爱的商家:

 

一、解决问题三步曲

1、自定义代码问题,找自己的美工解决

2、自己解决不了的,查看帮助文档或加群咨询QQ群号206681854、论坛里、互联网百度征集群体智慧

3、非自定义代码问题,以及自己试过但无法解决的问题,线上反馈或咨询官方 

 

 

 

二、代码问题汇总

1店铺首页 页面只显示上面一截,下面的显示不出来,比较奇怪,怎么办?

 

 

显示不出来是因为 position属性使用了绝对定位属性

 

代码里的绝对位置需要改成相对位置


装修魔盒2.0上线重要通知

 

 

 

2、全局代码思路汇总 

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8"/>

    <title>自定义全屏广告示例</title>

</head>

<!--注释:body及自定义内容区外层的div css属性不需要关注,只需关注自定义内容区部分的写法-->

<body style="overflow-x:hidden">

<div style="width:980px;margin:0 auto;">

    <!--自定义内容区1-->

    <!--注释:采用绝对定位方式1(绝对定位元素父类指定为相对定位)

    1.height[必须指定]:具体指为自定义区模块的高度

    2.width:自定义区模块实际宽度

    3.left:(自定义区模块实际宽度 - 980/2;或者是margin-left:(自定义区模块实际宽度 - 980/2;注意这个值为负值-->

    <div style="position:relative;height:550px;">

        <div style="position:absolute;left:-470px;width:1920px;">

            <img src="fullColumImg.jpg" alt="新品上架"/>

        </div>

    </div>

    <!--/自定义内容区1-->

 

    <!--自定义内容区2-->

    <!--注释:采用绝对定位方式2

    1.height[必须指定]:具体指为自定义区模块的高度

    2.width:自定义区模块实际宽度

    3.left:(自定义区模块实际宽度 - 980/2;或者是margin-left:(自定义区模块实际宽度 - 980/2;注意这个值为负值-->

    <div style="height:550px;">

        <div style="position:absolute;width:100%;">

            <div style="position:absolute;left:-470px;width:1920px;">

                <img src="fullColumImg.jpg" alt="新品上架"/>

            </div>

        </div>

    </div>

    <!--/自定义内容区2-->

 

    <!--自定义内容区3-->

    <!--注释:采用相对定位定位方式

    1.width:自定义区模块实际宽度

    2.left:(自定义区模块实际宽度 - 980/2;或者是margin-left:(自定义区模块实际宽度 - 980/2;注意这个值为负值-->

    <div style="position:relative;left:-470px;width:1920px;">

        <img src="fullColumImg.jpg" alt="新品上架"/>

    </div>

    <!--/自定义内容区3-->

</div>

</body>

</html>

 

3、自定义模块 是支持DW整图加热点获取代码进行添加的,但需要注意

1、如果商家贴源码请让他先点一下编辑器中的源码按钮,再进行粘贴。

2、如果商家自定义图片超过980宽度,又需要显示为980宽,商家需要在自定义代码外包一层   <div style="overflow:hidden;"></div>

3、如果商家添加多个自定义模块添加热区,需使用不同的map 

 

 

4、自定义导航显示错乱问题,统一解决方案

 

具体方式如下:

1.0自定义导航的代码  

XXXX_Custome_Code

 

相应2.0自定义导航的代码 (注释部分不用写到自定义导航的编辑页面)

   <!--注释:采用相对定位定位方式

    1.width:自定义区模块实际宽度 1920需要商家利用模块的实际宽度替换

2. margin-left:980  - 自定义区模块实际宽度)/2  -470需要商家根据模块的实际宽度进行相应的替换->

<div style="position:relative;width:1920px;margin-left:-470px;">

XXXX_Custome_Code

</div>

 

  这个方式需要商家做如下修改:

1.       1.0自定义代码的外部包裹一层div, 这个div的模板是<div style="position:relative;width:XXXpx;margin-left:XXXpx;">

2.       设置这个divwidth, 这个值就是自定义导航的宽度

3.       设置这个divmargin-left, 这个值是980减去第二步得到的width,然后除以2

 

 

 

5、 官方模块错乱

 

装修魔盒2.0上线重要通知

 

解决方案: 

         请检查当前页面的自定义模块中的代码。看标签是否一一对应,如果有标签未闭合可能会导致系统模块错乱。

 

 

6、 自定义导航不能跟下面的模块无缝对接

 

装修魔盒2.0上线重要通知

 

解决方案:        

可能导致整个问题的情况会较多,请检查自定义导航中是否在代码结尾多了一个<br>换行符;或者检查下是否设置了导航层高。

 

装修魔盒2.0上线重要通知

 

 

 

7、 自定义模块遮盖了系统模块

 

装修魔盒2.0上线重要通知

 

解决方案:由于自定义模块中使用了绝对定位,删除该属性或修改自定义图片大小可调整。

         装修魔盒2.0上线重要通知

 

8、悬浮导航代码思路

<!--fixed-code1-->

    <!--注释:悬浮紧贴着显示器左右两边

    1.position[必须指定]:fixed[属性值]

    2.top:自定义(单位可自定义:%px,em...)[特别提示:1号店头部高度为171px,悬浮不能盖住此区域];或者是bottom:自定义[0:紧贴显示器下部]

    3.left:0[左侧悬浮]right0[右侧悬浮]

    4.z-index1[正数(默认值为0),数值尽量不要太大,后期不好维护]

    5.width:自定义(单位可自定义:%px,em...)[特别提示:例如分辨率为1280*720,其中内容区为980px,两边留白为150px+150px,那么悬浮不能大于150px,否则会盖住内容区]-->

    <div style="position:fixed;top:172px;left:0;z-index:1;width:150px;">

        <img src="fixed_nav.png" alt="悬浮导航"/>

    </div>

    <!--/fixed-code1-->

 

    <!--fixed-code2-->

    <!--注释:悬浮紧贴着主内容区左右两边

    1.position[必须指定]:fixed[属性值]

    2.top:自定义(单位可自定义:%px,em...)[特别提示:1号店头部高度为171px,悬浮不能盖住此区域];或者是bottom:自定义[0:紧贴显示器下部]

    3.A-左侧悬浮:right:50%;margin-right:490px[主内容区宽度/2];

      B-右侧悬浮:left:50%;margin-left:490px[主内容区宽度/2];

    4.z-index1[正数(默认值为0),数值尽量不要太大,后期不好维护]

    5.width:自定义(单位可自定义:%px,em...)[特别提示:例如分辨率为1280*720,其中内容区为980px,两边留白为150px+150px,那么悬浮不能大于150px,否则会盖住内容区]-->

    <div style="position:fixed;top:172px;right:50%;z-index:1;width:150px;margin-right:490px;">

        <img src="fixed_nav.png" alt="悬浮导航"/>

    </div>

    <!--/fixed-code2-->

 

 

9、请问一下自定义模块与其他模块之间的间距是固定的么?如何消除?

模块间距是固定的,间隙高度为10px

去除间隙的话在自己写的代码最外层的元素上 加个margin-top:-10px; 就可以了

例如:<div style="margin-top:-10px;">

        <!--自定义内容区-->

</div> 

 

101号店过滤外链的规则及自定义代码模块过滤相关代码的规则是什么?

 

内链的域名为:yihaodian.com   1mall.com   yihaodianimg.com   yhd.com, 以及inshop_merchant中的domain_names以及配制文件filterUrl中的内容,非内链的链接会被过滤

自定义模块代码过滤规则为:

a、判断是否有js权限,若有权限,则能添加任何的代码。

b、若没有权限,则判断source中是否有要过滤的标签:"script", "iframe", "frameset", "frame","html", "body" ,如果有则直接不允许添加。

c、只允许对外链的css文件引用,不允许对外链的其它资源引用(例如img, html等);内链的全部允许。

 

 

 

三、非代码问题Q&A汇总

1、如何切换到装修魔盒2.0

装修魔盒2.0的进入地址是:http://shop.yhd.com/store-decorate/index,在2.0后台里预览确认下前台的显示效果,如果有问题自行做下调整(自定义代码模块可能需要调整代码)。没有问题,点击店铺发布即完成装修魔盒2.0 的切换

 

2、装修魔盒2.0 预览看是正常的,但发布之后有部分模块没有显示?

该问题是缓存问题,需要商家在2.0里重新发布,然后浏览器清除下缓存,重新启动下浏览器或换其他浏览器打开进行解决。

 

3、为什么后台预览,点某些链接显示页面已删除?

商家首页还是1.0,且在2.0中没有发布2.0,点击访问店铺和在预览页面中点击链接,会出现页面已删除的提示这个是正常的,待发布过后,就可以解决。

 

4、不懂代码怎么办?

百度W3CSCHOOL自己看,或者问自己店内的前端设计师,或者进群询问QQ群号206681854

 

5、装修魔盒2.0的装修数据与1.0不一致怎么办?

5-12系统已经完成了一次装修魔盒1.0同步到装修魔盒2.0当中,如果5-12之后,你在魔盒1.0当中有新增的一些装修,需要自行在魔盒2.0里做新增。

 

61号店是否支持css

1号店支持css但不支持jscss可以内嵌在前端html代码中

 

7、详情页的布局宽度是多少?

详情页通栏 980  左栏 210(含2px边框) 间隙 10 右栏 760(含2px边框)

 

8、怎么找到收藏店铺的链接?

进入装修魔盒2.0后台,在页面的左栏里点击添加新模块,找到店铺收藏模块

装修魔盒2.0上线重要通知

 

在店铺收藏模块 点击编辑  然后点击编辑页面中的复制 就可以得到收藏link

装修魔盒2.0上线重要通知

 

 

9、自定义导航的高度 可以自定义么

 

不可以,最高高度 30px

 

 

10、店铺收藏模块迁移后图片显示不完整?

商家1.0的店铺收藏模块迁移到2.0后,均需要检查并调整为2.0要求的大小(198X140

 

 

 

11、 在自定义模块和全局背景拼装页面时上方多一个图片

 

装修魔盒2.0上线重要通知

 

解决方案: 

         请到全局背景模块中,删除头部大图。

装修魔盒2.0上线重要通知

 

12、 两边的背景随着鼠标滚动位置不变

 

装修魔盒2.0上线重要通知

 

解决方案:

 

         请到全局背景模块中,勾掉背景显示中的锁定。

装修魔盒2.0上线重要通知

 

 

13、如何实现全屏轮播图片?

全局背景里可以设置顶部的头部大图轮播

 

14目前1号店有独立的商详页文描编辑么?

还没有,近一两月会实现

 

15、装修魔盒2.0切换过程中,首页和分类页的店招、导航不一致。

同一页面,2.0对应的前台链接跟1.0前台链接不一致,所以在设置导航各分类页链接的时候,不可以直接复制1.0的链接到2.0后台。2.0各分类页的链接,需要在2.0发布页面的前端重新获取。

 

16如何看自定义页对应的网址?

 

在自定义页面点击管理版本

装修魔盒2.0上线重要通知

 

装修魔盒2.0上线重要通知

 

 

17.有朋友在问,为什么做出来的全屏首页,左右都被隐藏了一部分,是正常的,因为我们最多也就显示1000多点点,怎么解决?

作图的时候最好是把图片做到:可见区就行了

装修魔盒2.0上线重要通知

18、用二级域名打开1号店商家店铺,为什么浏览器网址输入框显示的不是二级域名?

装修魔盒2.0切换期间,二级域名先是用自动跳转到新的店铺首页网址来实现店铺首页的打开,该动作不影响店铺首页的打开。装修魔盒2.0全量商家切换完成之后,会解决二级域名的显示问题。

 

 

 

如果仍有问题,可以线上反馈和咨询!或加QQ群:206681854