目前的商城功能主要以商品展示为主，暂不介绍订单/支付功能
找到商城管理，点击页面装修

在这个页面我们可以定义pc商城首页的呈现内容
如果没有创建过任何页面，点击“新建页面”按钮；如果当前已有创建页面，则直接在选择第一个页面进行操作

点击新建页面跳出弹窗，输入页面名称和页面标识（按输入框的提示文字要求输入），适用端任意勾选一个选项（三个选项实际效果都一致）

添加/选择页面完毕后，就可以在页面预览区域中设置组件，定义页面呈现内容，以下是组件介绍
1.搜索框组件
点击搜索框，组件会直接呈现在预览画布中，搜索框组件可以设置提示文字和搜素款俩端的圆角角度

2.公告组件
同样点击公告组件呈现在画布中，公告组件可以设置公告文本内容、显示/隐藏公告图标、更换公告背景色、更换文本字体颜色

3.导航宫格组件
导航窗格组件可以添加、编辑、删除、修改导航项，可以设置导航项的图片，可以设置每行的导航项个数，可以设置一行的左右留白

完整设置一个导航项：
（1）设置导航项的命名

（2）设置导航项的跳转链接（可选，可以使用自有的分类链接）
先进入商城设置页面，点击“打开pc商城”，打开pc端的商城首页


鼠标移至全部分类，出现下拉列表，点击其中一个主分类

将页面地址复制粘贴到导航项的跳转链接中


这样点击男装时便可以跳转至对应的分类页面。当然，导航项也可以填写其他网页的外链实现跳转，按需使用即可
（3）上传导航项的展示图片（可选，不上传有默认图样）
点击上传图片

从图片库中选择图片进行上传，也可以通过本地上传图片至图片库再选择图片

上传效果

4.客服栏组件
客服栏组件可以设置文本内容、设置客服电话、上传客服二维码、调整内边距


5.轮播图组件
轮播图组件可以调整轮播图的展示高度，轮播图的圆角角度，轮播图的左右留白，轮播图的图片个数，轮播图的跳转链接以及上传轮播图图片

6.单图组件
轮播图组件可以调整单图的圆角角度，单图的左右留白，单图的跳转链接以及上传图片

7.图片广告组件
图片广告组件可以设置每行展示的图片个数，设置每行图片之间的间距，设置一行图片左右俩端的留白，上传图片以及设置跳转链接，上传的图片比例推荐为5:3

8.标题栏组件
标题栏组件可以填写标题文本内容，填写副标题文本内容，设置文本对齐方式

9.富文本组件
可自由定义文本内容、上传图片、上传视频、上传链接等操作

10.视频组件
可以上传视频链接（仅支持MP4直链或oss地址），上传视频封面图，设置视频高度和左右留白

11.分类导航组件
可以设置分类名称、每行个数、是否包含子分类、显示数量以及左右留白
与导航宫格组件自定义外链不同的是，分类导航组件本身与系统里的商品分类相关，不需要再设置跳转链接


12.商品列表组件
可以设置主标题文本内容、副标题文本内容、数据来源、是否显示价格、显示数量、每行个数、左右留白
这里主要介绍下数据来源下拉选项的作用（a.全部在售 b.热销商品 新品上市 推荐商品 c.指定分类 d.手动选品）

a.全部在售（商城商品中全部已上架商品）

b.热销商品 新品上市 推荐商品
点击商品配置，跳出弹窗，找到营销角标，角标对应以上三种分类


c.指定分类
与分类导航组件类似，关联在商品分类中设置的分类

d.手动选品
自由选择商品


13.分割线组件
辅助分割线，可定义颜色、样式以及上下间距

14.辅助空白组件
辅助空白，可设置高度、颜色、透明度

组件配置以外，在主体配色中可以设置整体配色

全部设置完毕后，点击保存并发布

进入商城设置页面，点击打开pc商城





商城设置中还可以设置pc页面的一些基础信息