用淘宝SDK2.0制作店铺模板,同一个系统模块,同一个CSS样式在不同布局里显示不一样,为什么?

用淘宝SDK2.0制作店铺模板,同一个系统模块,同一个CSS样式在一个布局里显示正常,在另一个布局里不正常显示是为什么呢?比如宝贝推荐模块,在950布局里显示正常,而在750里就不正常了!哪位设计师能指点一下,谢谢!

是系统模块还是设计师模块?

如果是系统模块如【宝贝推荐】有不同布局下的样式不同,190,550,750,950,各不相同,需要分别改写样式。建议参考wiki开发文档进行系统模块的美化

如果是设计师模块,不同布局下宝贝宽度不一样,需要用php动态控制盒子宽度。
思路:在模块宽度==950时,一行4个,每个宝贝宽度950/4;
==750时,一行3个,每个宝贝宽度750/3;
==550时,一行2个,每个宝贝宽度550/2;
.....追问

同样的系统模块,比如宝贝推荐的三列布局,在950、750里类先择器都是一样的,那我应该怎样去分别设计样式呢?还有在我的模板展示效果中,只看到三列布局,没看到四列布局,无论怎么添加布局,都看不到四列宝贝的展开效果!
wiki开发文档中,只看到三列布局的DOM结构,不知道这个DOM结构是针对950、还是750?

我刚刚接触sdk,想从简易模板做起!非常感谢你的回答!你的回答对我帮助很大的,谢谢了!

追答

宝贝推荐模块的css样式规则命名:

.grid-m .col-main .tshop-pbsm-shop-item-recommend .item3line1
.grid-m0 .col-main .tshop-pbsm-shop-item-recommend .item3line1
.grid-m .col-main .tshop-pbsm-shop-item-recommend .item4line1
.grid-m .col-main .tshop-pbsm-shop-item-recommend .item5line1
...

看出来没有,.950 一行三列,950 一行四列,950一行五列。

多看WIKI的店铺[系统模块]开发手册


SDK本地调试系统模块只能看到一种布局,即默认的3列布局,如果要做调试目前只能上架模板线上试用浏览调试;类似的还有模块重复添加后数据一样,这也得试用才能有多种数据体现;


new.wiki请浏览新wiki文档,有详尽的系统模块说明;

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答