码云数智小程序商城装修全流程

码云数智小程序商城装修全流程：从基础模块到导航设置的实操指南

一、先把整体思路理清

装修一个小程序商城，说到底是把一个个功能模块像积木一样拼到页面上。以 码云数智 商城后台为例，可以调用的模块被归为基础、产品、营销、互动、高级五大类：基础模块决定页面长什么样、哪里能点，产品类模块负责把商品摆上货架，营销类模块用来承接活动带来的流量。下面按"先搭基础、再上商品、最后把页面串起来"的顺序，把最常用的操作过一遍。

二、基础模块：撑起页面的七块积木

基础模块一共七种，分别是文本、按钮、图片、自由容器、多图文、魔方导航和滚动公告。它们各自的分工比较清晰：

文本：可以自由调整字号、颜色和样式，还能挂上跳转链接，比如一键跳进视频号直播间。

按钮：样式、按钮文字、字号颜色、按钮颜色、宽高都能改，通常放在自由容器里使用；同样支持设置跳转链接，例如跳到外部网页。

图片：用来插入图片，可设定宽高，也能在图上加跳转链接，并选择是否允许点击查看大图。它多与文本、按钮搭配，一起放进自由容器。

自由容器：一个可以"装东西"的容器，里面能继续放图片、按钮、文本等模块，方便商家自行设计版式，让页面更耐看、更实用，同时支持设置填充背景。

多图文：常用来搭商城的顶部横幅，可以设置图片的展示样式并轮播呈现，图片同样能挂跳转链接。它有个尺寸建议：优先使用 750×360px 的图片。

魔方导航：一种上手比较轻松的页面导航，美团、微店等应用里都能见到类似设计。编辑不复杂——先挑导航样式，再按商品分类勾选要显示的项目，最后给这些项目排个序即可。

滚动公告：可以设置多条公告并让它们滚动播放，样式、图标、文案都能自定义，用来把商城的活动、通知等信息及时推送给进店买家，增加运营内容的曝光、提升点击转化。它的几条使用规则值得记住：公告内容可以加超链接，公告图标不可隐藏，最多同时滚动 20 条、每条不超过 20 个字，滚动方向可自行设定，背景既能用颜色填充也能上传图片，公告文字颜色也支持自定义。

三、产品展示：把商品摆上货架

想让客户在商城里下单，第一步是把商品放进小程序里展示出来。入口在【企业中心-商城-概况-小程序商城】，从这里进入装修界面。商城提供了多种展示商品的模块，常用的有三种做法。

最直接的是产品展示模块：在想放商品的页面点击或拖拽添加该模块，然后有两种选品方式——按产品分类选，前提是事先已经给产品分好类；或者直接指定某几个产品。选完之后还能修改模块样式，满足个性化的装修诉求。

第二种是产品分类模块：添加后先选择要展示的分类级数，目前最多支持三级分类，同时有三种模块样式可选。其中一级分类导航样式可以到【模块-分类模块-样式】里自定义导航背景、字体样式和选项样式。点击"添加分类"就能把要展示的分类加进去，分类名称可自定义、顺序可拖调整；点"管理分类"则能对分类做进一步处理，比如改名称、调层级。

第三种是营销模块：多人拼团、砍价活动、秒杀、积分商城、定金预售等功能都可以用来展示参与了相应活动的商品。比如加一个"砍价活动"模块，模块里就会呈现参加了砍价活动的产品。要注意的是，这类模块的使用前提是先创建好对应的营销活动。操作上同样是拖拽或点击添加，只是里的商品换成活动的参与者。

四、自定义页面：给活动留一块自由地

装修过程中难免需要一些不在固定栏目里的页面，这时就用自定义页面。页面创建好之后，有两种办法把它"接"进商城的动线：一是在导航里设置超链接，跳转到该页面，让它出现在导航中；二是借助图片、按钮这类本身可以设超链接的模块，把跳转目标指向这个页面。以后者为例，选择"站内链接"，再选中对应页面就可以了。

五、底部导航：把页面串成一条动线

精心做好的个性化页面，只有设成底部导航，才能把商城各个页面真正串联起来，也方便引导买家前往对应的展示页。这里的规则很明确：最多支持 5 个导航项，且没有版本限制。

设置入口在商城小程序设计页面——把鼠标移到页面底部导航上，出现编辑按钮时点进去。之后点【添加】，填写名称、图标和跳转的目标链接即可；跳转链接支持多种类型，按需选择。想改已有导航，可以随时编辑名称（名称支持自定义），也能重新设置图标：选中态和未选中态的图标都可自定义，既可用系统图标，也能自己上传，上传时只接受 jpg、jpeg、gif、png、svg 这几种格式。至于顺序，长按导航拖动就能重新排列。

六、常见问题：销量和库存怎么显示

不少商家会遇到产品详情页不显示销量和库存的情况。解决办法要分两步：先回商城管理后台，在【产品-产品参数】里开启"库存量（实际库存量）"和销量（实际销售量）这两个参数，并在【产品-管理产品】中编辑或添加产品时把对应信息填上；接着回到小程序产品详情页，把鼠标移到页面任意位置，点击【编辑模块】进入基础设置，在【销量显示】里把"销量"和"库存"都设为显示，最后记得保存。两步都做到，详情页才会正常展示这两个数据。

七、写在最后

整个装修流程其实遵循一条很清晰的逻辑：先用基础模块把页面的门面和交互搭好，再用产品展示类模块把商品和组织结构放进去，然后靠自定义页面和底部导航把零散页面连成一条完整的浏览动线。模块本身并不复杂，真正拉开差距的是对样式细节和跳转关系的把控——把这几件事理顺，一个小程序商城的骨架就立起来了。