小羊云商使用手册-商家端 五 商城装修
2023-07-14 15:54:37
五、商城装修
顾名思义,就是商家的店铺装修,商家可以根据所售卖商品的风格和定位去装饰排版自己的店铺,即用户看到的移动端商城页面,商家可以使用商城提供的模板也可以自己应用系统现有的插件去装饰出合适的风格。店铺装修过程整体包含四个部分:基础设置、模板选择、页面管理、弹窗提示。商家可按照以下流程进行店铺装修。
5.1店铺基础装修
基础装修流程为四个步骤:店铺风格选择、分类页展示设置、会员主页设置、个性推荐展示设置,以下为每一个内容的解释以及操作步骤演示。
1)店铺风格设置
选定风格提交保存即生效,生效为最近一个操作的时间为准。
2)分类展示
商家可设置商城分类页的展示级别,有一级分类样式(经典样式,有商品图片名称和价格),二级和三级分类(只有分类名称,可选有图和无图模式),商家需要根据需要进行设置。
3) 会员主页展示设置
(4) 个性推荐
5.2店铺页面管理
功能说明:
页面管理,包括移动端店铺首页、海报页、文章页。可对页面进行新增、编辑、复制、预览分享操作。系统会提供部分的模板,用户可选择模板进行编辑,可快速完成页面的装修。
1)首页模板编辑,截图为设置首页展示时的流程和注意事项,具体页面呈现需要商家实际操作方可展现。
2)装修组件使用
当前小羊云商已设计出的装修组件有以下几种供商家装修店铺使用,不同的组件组合出来的效果不同,装修过程可以尝试多进行多样组合,以下截图附件
中将每种组件的操作做了简单介绍供参考。
1.图文导航:一般为金刚区、首页导航装修
2.标题:一般为摆列下一个不同商品或者内容时设置的内容,可创建点击进入的链接
3.魔方:页面展示商品宣传或广告宣传,需要设置的内容为图片以及跳转链接
4.商品列表:首页商品列表的展示
5.富文本:编辑文字图片,一般用于商家的宣传广告,也可以直接上传做好的宣传广告长图。
对应的设置页面如下图,商家在正式使用之前,建议设计一个良好的展示方式,给用户有一个好的购物体验。
1.图文导航:
功能说明:
图文导航,可编辑显示样式、排列方式。
显示样式,用于控制导航一行显示的图标数量,分为一行三个、一行四个、一行五个。
排列方式,用于控制图标超出一行时的显示样式,分为多次换行、一行换页、两行换页。
多次换行=若图标超出一行显示则在页面中换行显示;
一行换页=若图标超出一行显示,则在页面中只显示一行,可左右滑动查看所有图标;
两行换页=若图标超出两行显示,则在页面中只显示两行,可左右滑动查看所有图标;
可修改背景颜色、导航标题的字体颜色;
2.标题设置:
标题模式,控制显示的标题字段,分为简化、丰富(默认为简化模式);
样式,控制对其方式,分为样式1、样式2、样式3(默认为样式1);
图片风格,用于控制主标题左侧的图片,分为显示、隐藏、色块(默认为隐藏);
简化标题模式,只显示主标题,可修改编辑样式、主标题输入框、主标题字体颜色;修改编辑其他内容不影响最终的呈现效果;
丰富标题模式,显示主标题、副标题、查看更多。可修改图片风格、主标题输入框、主标题字体颜色、副标题输入框、副标题字体颜色、查看更多按钮链接;修改编辑其他内容不影响最终的呈现效果;
标题样式 |
可编辑内容 |
不可编辑内容(编辑了也无法查看效果) |
简化 |
样式、图片风格、主标题、主标题颜色 |
副标题、副标题颜色、查看更多链接 |
丰富 |
图片风格、主标题、主标题颜色、副标题、副标题颜色、查看更多链接 |
样式 |
3.魔方设置 :
功能说明:
魔方,可编辑模板样式。
模板样式,用于控制该组件的页面布局,包括一行两个、一行三个、一行四个、两行两列、一左两右、一上两下。
支持修改魔方图片、链接。选择了样式后,在布局中可查看对应魔方的图片尺寸,需要在布局中点击对应魔方进行编辑。
4.商品列表展示:
功能说明:
商品列表,可添加商品进行展示。可编辑列表样式、商品样式、显示内容、商品来源、显示商品数量、组件背景颜色。
列表样式,用于控制商品列表样式,分为小图两列、详细列表两种样式(默认小图两列)。
商品样式,用于控制商品展示卡片的样式,分为卡片样式1(卡片有圆角)、卡片样式2(卡片为直角)(默认卡片样式1)。
显示内容,可控制商品列表中显示的内容,包括SPU商品名称、商品价格、购物车图标、角标(默认全部都显示)。
商品来源,商品来源分为三种,分别为商品分类、商品分组、手动选择(默认选择商品分类)。
商品数量,可选择4个、6个、8个(默认选择4个)。
组件背景色,可编辑修改。
5. 富文本:
功能说明:
显示一个富文本,可对该区域进行编辑。
5.3模板中心
功能说明:
模板中心,显示平台所有支持的装修模板。包括首页、海报页、文章页的模板。
5.4弹窗广告
功能说明:
管理弹窗广告,支持弹窗广告的新增、编辑、删除等操作,对于存在的统计曝光次数、点击次数、点击率。
提示,需要开启广告弹窗后才能在用户端中展示弹窗效果。
以上步骤做完后,可以进行营销部分设置。
拓展阅读:
<p background-color:#ffffff;"="" style="white-space: normal; font-size: 18pt; color: rgb(51, 51, 51);">小羊云商使用手册-商家端 <p background-color:#ffffff;"="" style="white-space: normal; font-size: 18pt; color: rgb(51, 51, 51);">1 小羊云商使用手册-商家端 一 登录 <p background-color:#ffffff;"="" style="font-size: 13.3333px; white-space: normal; color: rgb(51, 51, 51);">2 小羊云商使用手册-商家端 二 商城设置
3 小羊云商使用手册-商家端 三 配置物流信息
4 小羊云商使用手册-商家端 四-商品发布
5 小羊云商使用手册-商家端 五 商城装修
6 小羊云商使用手册-商家端 六 分销设置
7 小羊云商使用手册-商家端 七 分销订单
8 小羊云商使用手册-商家端 八 佣金提现管理
9 小羊云商使用手册-商家端 九 分销员管理
<span background-color:#ffffff;font-size:24px;line-height:2;"="" style="color: rgb(51, 51, 51); font-size: 24px;">小羊云商使用手册-用户端