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

食品类小程序商城 | 轻栈免费小程序教程
专栏:轻栈案例
发布日期:2021-06-10
阅读量:2331
作者:轻栈insarea
收藏:
跳转指定商品,添加外部链接,填写商品链接(从dis....开始)2.搜索拖拽「搜索」模块到合适位置,右键编辑,进行常规设置,选择搜索框风格,开启或关闭扫码能力。进行搜索设置,搜索范围可勾选商品搜索和博客搜索。
食品类小程序商城/特产礼品食品小程序商城-轻栈免费用户小程序商城

****食品

1623317101886038533.jpg




案例效果

1623316440094093360.gif





案例分析

食品类小程序,特产零食是很受欢迎的,特别是景区的特产,搭建一个小程序商城,方便游客扫小程序码进入小程序,购买特产,特产还可以当成礼品送给朋友。

1623318424050017467.jpg





使用的模块功能

这个小程序商城使用的模块有轮播多图,搜索,优惠券,电商列表,网站服务-联系。



1.轮播多图

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


1602821590829015518.png




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

1599273993584038072.jpg




2.搜索

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

1615365678825094663.png


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


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


1615365456942074948.png


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

1615365746802081076.png


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

1615430335049071899.jpg


3.优惠券

拖拽「优惠券」模块到合适位置,右键编辑,进行常规设置。有四种优惠券的风格可以选,默认的优惠券样式也可以修改颜色,五个颜色。


1618036021524071227.gif





优惠券展示顺序,全场优惠、品类优惠和单品优惠不同的顺序,也可以根据活动截止时间排序,优惠券范围,可以指定优惠券。

1618036383612096015.jpg



进行功能设置,可选仅提醒,智能导航,设置自定义链接(自定义跳转详细设置攻略

1618037667489001150.jpg



4.电商列表


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



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

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



5.网站服务

在商城底部网站服务(底部导航)的位置右键编辑,找到需要开启的服务-(电话),点击链接地址-电话咨询列表,点击添加并完善联系信息,设置完成点击确定并保存。

1623308426444058290.jpg


用户使用小程序时,点击底部导航的联系/电话,联系方式自动弹出,点击可快捷拨打电话或手机。


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

上一页:汽车服务类小程序商城 | 轻栈免费小程序教程
下一页:综合类电商小程序商城 | 轻栈免费用户小程序商城
说点什么
发表
最新评论

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

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

    热点文章

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

    免费使用