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

鲜花小程序商城,花店小程序、花艺馆 | 轻栈免费小程序教程
专栏:轻栈案例
发布日期:2022-08-23
阅读量:1774
作者:轻栈insarea
收藏:
模块组件部分1.搜索拖拽「搜索」模块到合适位置,右键编辑,进行常规设置,选择搜索框风格,开启或关闭扫码能力。可以看到搜索框的左侧是空白的,是这样设置的,右键 ->编辑样式,自定义边距就可以实现。

鲜花小程序商城/花店小程序商城/鲜花屋小程序-轻栈免费用户小程序商城

****鲜花屋


1660730082424087782.jpg




案例效果

1660732361392003387.gif





案例分析

鲜花商城小程序,越来越多节日送花,七夕绝对是其中一个,而且是最大概率送花的一个。母亲节送花,3.8妇女节也送花,情侣约会送花,纪念日、生日、情人节都在送花。还有开业、演出、展会都需要花。甚至还有每周一花,别忘了缅怀逝去的人也要花。一年365天,几乎每天都有送花的理由,需求这么多,马上制作一个鲜花小程序商城吧。

1661242327247091536.jpg





使用的模块功能

这个小程序商城使用的模块组件有3个,【轮播多图】、【搜索】、【电商列表】,网站头部、开屏广告和TOP键在系统进行设置。


开屏广告

点击左侧的-「系统」,开启开屏广告,点击设置。

1661248310626063771.jpg


编辑模块,点击开屏广告,添加图片,支持自定义图片链接,设置链接,点击【确定】完成设置。


网站头部

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


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



TOP键

点击左侧的-「系统」,开启开屏广告,点击设置。

1661245428444045321.jpg


设置TOP按钮,显示按钮,选择按钮样式,点击【确定】完成设置。



模块组件部分

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


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


上一页:服装小程序商城,服饰商贸小程序 | 轻栈免费小程序教程
下一页:鲜花小程序商城,花店小程序 | 轻栈免费小程序教程
说点什么
发表
最新评论

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

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

    热点文章

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

    免费使用