轻栈学堂
快速上手品牌电商独立运营

动漫周边小程序商城,二次元周边小程序 | 轻栈免费小程序教程
专栏:轻栈案例
发布日期:2022-12-29
阅读量:1638
作者:轻栈insarea
收藏:
模板(电商)有三种展示方式,全部商品可勾选不展示或展示,菜单样式(三种可选),设置菜单位置,还有商品分组列表添加。常规设置中,模板有三种可以选,分别是顶部,左侧菜单和右侧菜单。
动漫周边小程序商城/二次元小周边小程序商城-轻栈免费用户小程序商城

****商城

1672300484335001958.jpg




案例效果

1672306099298073254.gif




案例分析

动漫周边小程序商城。


基本上一个ip如果火了,就会收获一大批忠实粉丝。忠实和粉丝两个词很好地诠释了市场和流量是怎么一回事,而且他们非常愿意也非常乐意为这个ip买单。


漫画周边的销量一直以来的成绩都很不错,无论是手办还是包含动漫ip元素的各种商品,都是动漫党,二次元人儿的心头好。


由于这个属性,你可以经常看到二次元元素走进我们的日常生活,JOJO与瑞幸咖啡联名,原神与必胜客联名,还有很多动漫中间插播的广告,冰淇淋、饮料等等,观众和粉丝都是买账的。


所以,让我们来搭建一个动漫周边小程序商城吧。

1672303121619085629.jpg





使用的模块功能

这个小程序商城使用的模块组件有三个,【搜索】组件、【轮播多图】和【电商列表】组件。


进行【系统设置】

网站头部

点击左侧的-「系统」,开启网站头部,点击设置。1622272604293056920.png



右键设置标题背景,背景图片支持自定义,自定义文字和文字颜色,还能进行logo设置,修改logo尺寸,快读,边距。
1622273564745065526.png


网站服务

点击左侧的-「系统」,开启网站服务,在小程序底部导航右键编辑。

1672307553329042156.jpg



在右侧可修改网站服务,也就是小程序底部导航。支持修改图标,图标库中可选择图标,或者自己制作上传图标,可修改服务名称,链接地址点击“电话咨询列表”,点击可添加多个联系方式,点击操作开启,显示一个√的图标,功能就成功开启了。

1672307792719033427.jpg


点击底部导航对应的图片,弹窗询问是否拨打联系电话,是一个十分方便又智能的功能。



模块组件部分

1.搜索

拖拽「搜索」模块到合适位置,右键编辑,进行常规设置,选择搜索框风格,开启或关闭扫码能力。

1615365678825094663.png


进行搜索设置,搜索范围可勾选商品搜索和博客搜索。搜索提示,这里输入的文字直接显示在搜索框中,热门搜索框里可以添加多一些关键词是用户常搜的,或者商家希望顾客搜索的词,有引导的作用。


开启历史记录就能看到搜索过的词。


1615365456942074948.png


右键【编辑样式】,可以修改搜索框常规和内容区的参数,包括内外边距,边框,高度等等,编辑完成记得点击右下角【确定】按钮。

1615365746802081076.png


可以看到搜索框的左侧是空白的,是这样设置的,右键 ->编辑样式,自定义边距就可以实现。

1615430335049071899.jpg


2.轮播多图

拖拽「轮播多图」模块到合适位置,右键编辑

1616997231759075931.gif



进行常规设置,展示样式选择第一个图片底部居中小圆点,第二种展示样式左右有箭头图标。点击【+】上传图片,轮播图片不超过10张。这里推荐宽度750,高度不限,图片大小保持一致展示效果比较好。


1615435650215005651.png


点击选择第一种展示样式的展示效果

1617001051247045657.png



点击第二种展示样式的效果,拖拽可以调整图片顺序

1617000543593002015.png


效果:

1617001323804078060.png



点击小笔的图标可以进行更多操作,比如设置跳转,还是熟悉的操作


3.电商列表模块组件


拖拽「电商列表」模块到合适位置,右键编辑,进行常规设置。

1617949933736019456.gif



右键编辑,进行常规设置,设置商品展示风格、类型、商品列表。


电商展示风格有五种

分别是左图,一行一个,一行两个,商品轮播,商品滑动模块。

1617952173183007834.jpg



类型可以选择图文和短视频


图文展示就是常见的,短视频模式就跟刷抖音是差不多的效果,视频封面可选择默认(第一张商品主图),也可以选择视频截图。


1617951803899058426.jpg



效果如图,向上滑动就是下一个商品,播放小视频2s后,商品卡片弹窗从左侧弹出,点击查看商品详情。


1617954312715013789.gif



Tip:在【电商系统】发布商品的时候记得上传商品展示小视频


1617953841531067465.jpg



商品列表可以选择所有商品, 选择指定商品或使用条件筛选

1617954812647069366.jpg



右键继续进行参数设置


商品表述参数,包括属性、标签、评论、购物车;电商库参数,包括现价,市场价,品牌,都可以选择显示或隐藏。


1617954248577073781.jpg



电商列表展示设置

可以进行基本设置,分页展示可以关闭,也可以设置Feed 或分页,商品个数可选,每页最多支持20个商品。

1617954479501068699.jpg



进行文字设置,显示/隐藏 商品名称,开启/关闭名称换行,文字对齐方式可选靠左或居中。


本案例版权归轻栈用户所有,未经允许,不得随意使用


上一页:知识付费商城小程序/虚拟商品小程序商城 | 轻栈免费小程序教程
下一页:疯狂星期四小程序案例 | 轻栈免费小程序教程
说点什么
发表
最新评论

    本文由轻栈平台用户上传并发布,轻栈仅提供信息发布平台。文章仅代表作者个人观点,不代表轻栈立场。未经作者许可,不得转载。有涉嫌抄袭的内容,请通过反馈中心进行举报。

    电商运营资讯
    轻栈社区
    独立站运营

    热点文章

    轻栈,独立品牌电商新方式!→

    免费使用