扫一扫，关注轻栈
****商城
案例分析
动漫周边小程序商城。
基本上一个ip如果火了，就会收获一大批忠实粉丝。忠实和粉丝两个词很好地诠释了市场和流量是怎么一回事，而且他们非常愿意也非常乐意为这个ip买单。
漫画周边的销量一直以来的成绩都很不错，无论是手办还是包含动漫ip元素的各种商品，都是动漫党，二次元人儿的心头好。
由于这个属性，你可以经常看到二次元元素走进我们的日常生活，JOJO与瑞幸咖啡联名，原神与必胜客联名，还有很多动漫中间插播的广告，冰淇淋、饮料等等，观众和粉丝都是买账的。
所以，让我们来搭建一个动漫周边小程序商城吧。
使用的模块功能
这个小程序商城使用的模块组件有三个，【搜索】组件、【轮播多图】和【电商列表】组件。
进行【系统设置】
网站头部
点击左侧的-「系统」，开启网站头部，点击设置。
右键设置标题背景，背景图片支持自定义，自定义文字和文字颜色，还能进行logo设置，修改logo尺寸，快读，边距。
网站服务
点击左侧的-「系统」，开启网站服务，在小程序底部导航右键编辑。
在右侧可修改网站服务，也就是小程序底部导航。支持修改图标，图标库中可选择图标，或者自己制作上传图标，可修改服务名称，链接地址点击“电话咨询列表”，点击可添加多个联系方式，点击操作开启，显示一个√的图标，功能就成功开启了。
点击底部导航对应的图片，弹窗询问是否拨打联系电话，是一个十分方便又智能的功能。
模块组件部分
1.搜索
拖拽「搜索」模块到合适位置，右键编辑，进行常规设置，选择搜索框风格，开启或关闭扫码能力。
进行搜索设置，搜索范围可勾选商品搜索和博客搜索。搜索提示，这里输入的文字直接显示在搜索框中，热门搜索框里可以添加多一些关键词是用户常搜的，或者商家希望顾客搜索的词，有引导的作用。
开启历史记录就能看到搜索过的词。
右键【编辑样式】，可以修改搜索框常规和内容区的参数，包括内外边距，边框，高度等等，编辑完成记得点击右下角【确定】按钮。
可以看到搜索框的左侧是空白的，是这样设置的，右键 ->编辑样式，自定义边距就可以实现。
2.轮播多图
拖拽「轮播多图」模块到合适位置，右键编辑。
进行常规设置，展示样式选择第一个图片底部居中小圆点，第二种展示样式左右有箭头图标。点击【＋】上传图片，轮播图片不超过10张。这里推荐宽度750，高度不限，图片大小保持一致展示效果比较好。
点击选择第一种展示样式的展示效果
点击第二种展示样式的效果，拖拽可以调整图片顺序
效果：
3.电商列表模块组件
右键编辑，进行常规设置，设置商品展示风格、类型、商品列表。
电商展示风格有五种
分别是左图，一行一个，一行两个，商品轮播，商品滑动模块。
类型可以选择图文和短视频
图文展示就是常见的，短视频模式就跟刷抖音是差不多的效果，视频封面可选择默认（第一张商品主图），也可以选择视频截图。
效果如图，向上滑动就是下一个商品，播放小视频2s后，商品卡片弹窗从左侧弹出，点击查看商品详情。
Tip：在【电商系统】发布商品的时候记得上传商品展示小视频
商品列表可以选择所有商品， 选择指定商品或使用条件筛选
右键继续进行参数设置
商品表述参数，包括属性、标签、评论、购物车；电商库参数，包括现价，市场价，品牌，都可以选择显示或隐藏。
电商列表展示设置
可以进行基本设置，分页展示可以关闭，也可以设置Feed 或分页，商品个数可选，每页最多支持20个商品。
进行文字设置，显示/隐藏 商品名称，开启/关闭名称换行，文字对齐方式可选靠左或居中。
本案例版权归轻栈用户所有，未经允许，不得随意使用
