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

五金店小程序商城
专栏:轻栈案例
发布日期:2021-04-02
阅读量:2934
作者:轻栈insarea
收藏:
五金类商城小程序,首页用的模块组件不少,轮播多图,店铺滚动公告,搜索模块,商品分组和电商列表功能。“品牌”页面用了列表多图中横向滑动模块,底部导航栏也叫网站服务,也添加了跳转链接,比如点击电话弹出联系方式,支持点击直接拨打。
五金类小程序商城-轻栈免费用户小程序商城

****旗舰店



1617326103374051969.jpg






案例效果

1617325281453071873.gif





案例分析


五金类小程序,五金类的商品比较多,要做好商品分组,这样用户找商品也比较方便,点击发布商品的时候可以在销售渠道中勾选其他电商平台,比如这个五金案例就勾选了1688。



使用的模块功能

这个小程序商城使用的模块有轮播多图,滚动公告,商品分组,电商列表。


1.轮播多图

拖拽「轮播多图」模块到合适位置,右键编辑模块,可添加多张图片(不超过10张),选择图片展示样式(高度不限,宽度推荐750px),点击小笔图标添加图片跳转链接。


1602821590829015518.png




跳转指定商品,添加外部链接,填写商品链接(从dis....开始)

1599273993584038072.jpg



2.滚动公告


拖拽「滚动公告」模块到合适位置,右键编辑

1615363689657063070.png



进行常规设置,勾选公告图标,除了有三个图标可以选,你还可以选择自定义或者无,自定义公告图标尺寸25x25;添加公告,输入公告内容,跳转方式可以不跳转,设置跳转设置跳转链接。

1615364720803034822.png


1615364374452013555.png


进行高级设置,设置滚动方向(向左、向右、向上、向下),滚动速度(慢速、普通、快速),连续滚动勾选是/否

1615365230972062763.png




3.搜索

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

1615365678825094663.png


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


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


1615365456942074948.png


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

1615365746802081076.png


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

1615430335049071899.jpg





4.电商列表


拖拽「商品列表」模块到合适位置,右键编辑模块。



进行常规设置,风格选择第三个,一行展示两个商品,类型选择图文,商品列表可以选择所有商品、指定商品、使用筛选条件。

可以进行参数设置,比如如果只想显示价格和购物车的话,就勾选这两个选项。





5.商品分组


拖拽「商品分组」模块到合适位置,右键编辑模块,进行常规设置,模板(电商)选择最常用的左侧菜单。点击添加商品类别或添加商品标签。

1614994949788050401.jpg


进行商品列表设置额,页面边距和商品间距都可以进行调整,图片填充模式也有填充和周边留白可选


1614995302002005083.jpg


进行高级设置,可以选择展示的内容,选择商品图片倒角

1614996046169096053.jpg



网站导航

拖拽点击左侧-系统,选择开启网站头部。


1614996705736053679.jpg




右键三横进行导航设置,选择不同的菜单风格。如果选择了悬浮状态的导航,可以隐藏网站隐藏网站头部。

1614996380384039536.jpg



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

上一页:表单类小程序商城-轻栈免费用户小程序商城
下一页:拍摄设计服务小程序商城
说点什么
发表
最新评论

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

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

    热点文章

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

    免费使用