
果蔬专题

来介绍一下本次的更新
我们设计了多款精美的小程序模板,分别是【二〇二〇】、【二〇一九】、【元旦专题】、【圣诞专题】,目前已经上线到模板市场。
已经安装了首页装修扩展的用户,可在网站后台 - 商城小程序 - 模板市场中浏览,还没有用上这个扩展的用户可以尽快下单,因为这个扩展经过多次的更新,已经变得非常强大,目前已经有20个模块,可以让你打造出惊艳的、与众不同的页面。通常进入小程序,首先第一眼就是看到首页,所以首页可以说是整个小程序的灵魂。
购买流程十分简单,在模板市场挑选好合适的模板付款购买后联系客服,客服就会在你的密钥中加入此模板,直接刷新模板市场页面即可看到导入按钮。
为方便用户购买前更好地了解每个模板,我们特意为模板加入了统计数据,可清楚知道该模板的使用模块的占比,及该模板包含的内容,如图片、产品、产品分类等。
鼠标移动到模板左下角的圆形按钮,即可看到该模板的统计数据。如下图为二〇二〇模板的数据:
不同于以往模块化装修的页面只能在首页显示,这次更新支持通过跳转内页的方式来显示模块装修页面,让这个扩展不仅局限于首页,可以用来制作各种活动页面。
创建好模板后,可通过跳转链接/pages/template/template?id=模板ID
的方式,跳转到模板页面。
现在导出模板,可一同导出模板中用到的产品、及产品对应的分类
模块方面,我们加入了复制模块的功能,可一键复制模块,避免重复设置浪费时间。
同时我们也对各个模块进行了更新升级,变得更为强大
产品列表模块
新增了滑动布局。和轮播图模块一样,可创造出遮住部分产品的效果。
新增了分类选择器。
弹窗模块
加入关闭按钮的设置
搜索栏模块
加入透明背景及胶囊翻转等设置。可用于初始状态透明,下滑后变固定背景色的效果,如下图:
公告栏模块
新增了跳转链接设置。用户点击可跳转到详细的公告页面。
导航栏模块
加入了标题和返回按钮的设置,方便在创建内页活动的时候使用。
具体更新内容:
下次更新再见!
更新又来咯!
由于微信规则更新,旧版的模板消息将在2020年1月10日下线,届时未更新至2.6版本的,将无法再发送通知给用户,例如发货通知、拼团成功通知等。目前订阅消息功能并不完善,且有类目、字段类型限制,所以部分通知内容会有所删减,后期将探索更优的解决方案
更新步骤如下:
1、登录小程序后台,转到设置 - 服务类目,添加一个类目:工具 > 办公
2、更新插件最新版
3、转到网站后台 - 商城小程序设置 - 订阅消息,点击“一键导入模板”
4、更新小程序最新版,重新上传提审发布后,订阅消息即可正常使用
订单列表、订单详情、物流详情、订单评价列表、购物车、结算、分类、积分商城、拼团产品列表中的图片已支持懒加载
旧版本中由于算法问题导致懒加载一开始显示的时候高度为0已经修复,使用css padding-bottom方案来替换querySelector来得到更好的性能和体验
旧版本HTML富文本中w2w-lazyload属性已经废弃,所有HTML中图片默认开启懒加载,图片默认为100%显示。新增w2w-donot-lazyload、w2w-lazyload-fullwidth、w2w-donot-preview三个属性
w2w-donot-lazyload
:图片默认开启懒加载,添加属性w2w-donot-lazyload="true"
以禁用图片懒加载
w2w-lazyload-fullwidth
:图片默认100%显示,如需按照图片实际大小显示(例如一些图标、表情),添加属性w2w-lazyload-fullwidth="false"
w2w-donot-preview
:点击图片时默认为全屏预览图片,并阻止冒泡,如需冒泡到父元素(例如a标签的跳转链接),添加属性w2w-donot-preview="true"
领取优惠券
点击事件现在支持领取优惠券,格式为coupon:优惠券码
,具体参考文档
跳转小程序
跳转小程序支持指定页面及参数,格式为{AppID}:{Path}
,具体参考文档
有的人还是不太明白点击事件有什么用,可以用在哪里,这里再次介绍一下。利用点击事件可以触发很多的交互效果,比如跳转到小程序内其它页面、跳转其它小程序的页面、使用小程序内置浏览器(webview)打开网页、调起拨打电话界面、打开公众号推文、领取优惠券等,可以用的地方有快捷导航模块、轮播图模块、图片方块模块、热区模块、HTML模块中的a标签、弹窗模块等等,更详细的介绍可以参考文档
关于点击事件还有一个小的技巧,我们在2.2版本中加入了对WordPress页面类型的显示支持,可以通过链接/pages/page-detail/page-detail?id=ID调用,但是页面链接并非只可以调用页面,还可以调用文章,也就是说ID可以是页面的ID也可以是文章的ID,同理,文章的链接也可以调用页面。那么两种调用有什么区别?如果是作为文章来调用,那么将会展示标题、时间、内容、特色图片、阅读数、分享按钮、评论等内容;如果是作为页面调用,那么只会展示内容,包括导航栏在内的其它组件都不会进行展示
新增高级设置
原先“上下边距”设置已经取消,改为每个模块中的高级设置,可更具体地设置内外边距、边框、圆角、阴影、背景色
轮播图模块
模块中加入了每个轮播图的内外边距、圆角阴影等设置,以满足不同轮播图样式的需求
搜索栏模块
模块中加入标题和LOGO设置,并新增嵌入导航栏的样式,使用此样式无需再加入导航栏模块,搜索栏已代替导航栏的作用
背景模块
使用此模块可自定义下拉刷新状态时的背景色和加载点的样式,展开模块设置,转到高级,设置背景色即可,加载点的颜色会自动根据设置的背景色来协调
导航栏模块
导航栏现在作为模块来使用,更新之后将不再显示导航栏,需要手动添加此模块进行显示,使用高级设置中的背景色可以自定义导航栏的背景色,并且状态栏和胶囊的样式会跟随背景色设置进行自适应变化
公众号模块
用于显示关注公众号组件,使用前需要在小程序后台进行配置,并且显示有条件限制,详细请看官方文档
标题模块
提供中央和偏左两种布局,其中偏左布局可设置查看更多链接
悬浮菜单模块
固定在右下角回顶按钮上方的悬浮菜单,提供向上伸展、45°环绕伸展、30°环绕伸展、始终伸展四种样式
地图模块
可设置地点名、经纬度
最后是福利,本次首页模块装修扩展将内置一个由我们首席设计师设计的模板:二〇一九,用于演示模板装修的使用。
使用方法是:更新插件后转到网站后台 - 首页模板装修,点击顶部“导入模板”,再点击“导入示例模板”按钮,即可导入我们的示例模板
具体更新内容:
下次更新再见!
Vans 爱好者都在 VXXSFXXS 买鞋