淘宝提供了很多用于店铺装修的模块,这些模块均采用拖拽式操作,能够很方便的实现一个个性化的布局。有时候部分模块体积较大,完成布局之后再想更换位置时需要跨屏拖拽。针对这类需求,淘宝也提供了布局管理工具。
右上方页面管理旁边就是布局管理按钮,布局管理可以让我们对页面内所有模块有一个清晰的印象,同时也是布局完成后进行二次修改的实用工具。
模块都有其固定的宽度,在淘宝中一共有4种标准宽度,分别是190px、750px、950px以及1920px,950px/1920px宽度的模块会在布局中独占一行,而190px宽度的模块可以同750px的模块共用一行,组成一个常见的双栏式布局。
点击“添加布局单元”按钮后跳出布局管理窗口,提供了3种布局模式:单栏式、双栏式(190px的模块居左)、双栏式(190px的模块居右)。
添加成功后可以往布局内拖拽对应的模块,演示中添加了一个双栏模块,在左侧放入了一个190px宽度的“宝贝搜索”功能。鼠标悬停于“宝贝搜索”模块时会显示删除按钮,此时可以删除该模块重新设置。想要删除整个布局,则需要点击布局模块右侧小尾巴上的删除按钮。
小店新开,暂时用不到太多的模块,博主把大部分模块例如搜索啊分类之类的都给删除了,只留下了以上这些模块。读者可以根据自己的需要自行设置。