关于本页
视频版正在录制中，本页提供完整的图文步骤，可以直接照着操作。视频上线后会在本页更新，届时图文步骤仍会保留。
本教程简介
本教程讲解如何用看店通的装修功能搭建小程序商城页面，涵盖首页布局、Banner 制作、模块配置、主题色设置与常用组件。装修的目标不是「好看」，而是让用户用最少的点击找到想买的东西，本文的所有建议都围绕这一点展开。
一、装修前先定风格
动手拖模块之前，先把两件事定下来：主题色和首屏要突出什么。主题色建议直接取品牌 Logo 的主色，整站只用一个主色加一个辅助色，颜色一多页面立刻显得杂乱。首屏要突出什么则取决于你的经营阶段：新店突出「新人优惠」，成熟店突出「爆款商品」，做活动期间突出「活动入口」。
准备素材时，Banner 建议 3 张以内，每张都要有明确的点击目标（跳转到某个商品、某个分类或某个活动页），没有目标的纯展示图就是浪费首屏空间。分类图标准备成统一风格的一套，不要东拼西凑。
二、首页布局
进入「店铺装修 → 首页装修」，左侧是可用模块列表，中间是实时预览，右侧是选中模块的属性面板。拖拽左侧模块到中间即可添加，拖动已有模块可调整顺序，点击模块右上角的删除图标可移除。
零售类商城经过验证效果较好的模块顺序是：
- 搜索框：置顶固定，商品超过 50 个时建议常驻。
- 轮播 Banner：3 张以内，自动播放间隔设为 4 秒。
- 分类导航：一行 4 到 5 个图标，最多两行。
- 限时活动：有活动时放，没活动时删掉，不要留空模块。
- 热卖商品：一行两个的大图样式，展示 6 到 8 个。
- 全部商品：瀑布流，支持继续加载。
首屏（也就是不用滑动就能看到的区域）最多放三个模块。首屏塞太多东西，用户反而抓不住重点。
三、Banner 制作要点
Banner 尺寸按装修页面的提示准备，常用的是 750×350 像素。设计上有三条硬规则：文字不超过 12 个字，手机上字多了根本看不清；核心信息放在画面中央，两侧在不同机型上可能被裁掉；单张体积控制在 300KB 以内，Banner 是首屏第一个加载的元素，太大会明显拖慢打开速度。
每张 Banner 都要在右侧属性面板里配置跳转目标，可以选商品、分类、活动页或自定义链接。配好后务必点「预览」用手机实际点一下，跳转错位是最常见也最影响转化的低级错误。
四、模块配置
选中模块后在右侧属性面板配置。商品列表模块有三种取数方式：手动选择（适合精选推荐）、按分类自动取（适合全量展示）、按销量自动排序（适合热卖榜）。新店商品少时用手动选择，商品多了以后改用自动取数，省去维护成本。
分类导航模块支持图标加文字，文字建议控制在 4 个字以内，超出会折行影响对齐。富文本模块可以放品牌故事或服务承诺，但不要放大段文字，商城首页不是官网。优惠券模块会自动展示当前可领的券，没有可领券时模块会自动隐藏，不用手动删。
五、主题色与组件
在「店铺装修 → 主题设置」中设置主题色，设置后按钮、价格、标签、选中态会统一应用该颜色，不需要逐个模块改。同时可以设置导航栏样式与底部 Tab 栏的图标与文字。底部 Tab 建议保留 3 到 4 个：首页、分类、购物车、我的，超过 5 个会显得拥挤。
常用组件还有三个值得配：悬浮客服按钮（建议开启，放在右下角，能明显降低咨询流失）、回到顶部按钮（商品多时开启）、公告条（用于发货延迟、活动预告等临时通知，用完记得关掉）。
六、预览与发布
装修完成后先点「预览」，用手机扫码在真机上查看。重点检查四项：图片是否变形、文字是否被截断、所有可点击元素是否都能正确跳转、页面滚动是否流畅。确认无误后点「发布」，改动会即时生效，不需要重新提交小程序审核。
建议在发布前用「保存草稿」功能留一个版本，改坏了可以随时回退。做大促装修时更要如此：提前一天把活动版装修存成草稿，活动开始时一键发布，活动结束后回退到日常版，比临时手忙脚乱改要稳妥得多。
