商城系统采用的是模块自由组合方式进行首页布局装修的。自己选择模块布局搭建,想象空间大,使得各个小程序都能展现个性特色。而在众多模块中,以图片魔方的可塑性最强,所以本文就通过小程序案例给大家介绍一下,如何巧用“图片魔方”装修自己的商城。
![0.jpg](https://www.zjhejiang.com/uploads/201811191542592739866575.jpg "201811191542592739866575.jpg")
## 案例:玖玖潮惠玩
**商城产品:**宿舍神器、潮流玩物、家居日常用品、花样美食
**首页布局采用模块:**导航图标、搜索栏、专题、图片魔方
“玖玖潮惠玩”商城首页,使用的模块并不多,页面顶部选择了“导航图标”,仅1行4个,自己设计了图标样式上传,契合商城调性。紧接着便是搜索栏,方便用户寻找自己想要的商品。专题文章,可以做内容营销。而最主要的就是“图片魔方”。
![1.jpg](https://www.zjhejiang.com/uploads/201811191542592851724160.jpg "201811191542592851724160.jpg")
在专题下的“黑板报”,乍一看很像是只摆放了一张设计好的图片而已,其实这是多张图片组合而成。比如“宿舍神器”、“潮流玩物”、“家居日常”、“花样美食”,其实采用是一行四列的样式,四张不同的图片,每张图片都可以设置点击跳转相应的页面。
而紧挨着的往下的显示秒杀、好友拼团、玖玖专区以及专区下的商品立即购买也都是上传了不同的图片,每张图片设置对应链接,点击就能进入购买页面。
![2.jpg](https://www.zjhejiang.com/uploads/201811191542592860273111.jpg "201811191542592860273111.jpg")
## 案例:妆装街
**商城产品:**护肤美妆用品、居家日用品
**首页布局采用模块:**搜索栏、轮播图、视频、拼团、整点秒杀、图片魔方
“妆装街”小程序商城的装修风格特色十分鲜明,属于非常惊艳有视觉冲击的类型,和一般中规中矩的货架式商城布局相比,“妆装街”可以说是时尚的典范。
![3.png](https://www.zjhejiang.com/uploads/201811191542592870369995.png "201811191542592870369995.png")
“妆装街”也采用了以“图片魔方”为主的装修方式,但每个板块之间设置了一定的间距,间距是可以在系统后台自定义控制的。这样的一种布局方式,分类清晰,鲜明大气。