[小程序] [作品]  WooCommerce微信小程序1.5版本发布 新增海报分享 收货地址和优惠券扩展

这次新版本主要新增3个重要的功能,小程序码海报的分享、可填写国外地址的地址扩展以及基于用户优惠券的扩展

首先是小程序码海报的分享,在这里十分感谢@Jianbo提供的海报生成部分的代码,附上由@Jianbo开发的免费开源的WordPress版微信小程序:https://www.watch-life.net/wordpress-weixin-app


产品详情页中新增了两个分享按钮,一个是分享到好友,点击直接弹出好友和群列表,另一个就是分享海报啦,点击稍等几秒钟即可生成带有小程序码的产品分享海报,保存到相册之后即可分享到朋友圈


然后是个人中心(我的页)的改版。


个人中心新增了各个状态订单的数量显示和直达,以及tabbar上的小红点提示

还有就是头像这块。用经过高斯模糊的用户头像作为背景,同时去掉了小程序自带的导航栏使得状态栏沉浸在头像背景中


未登录时的个人中心,背景图片在小程序目录中可自行更换


说到个人中心,不得不说说这个去掉的小程序自带导航栏

微信6.6.0版本以上(对应基础库版本好像是1.9.1)支持自定义导航栏,在app.json中window节点加入 "navigationStyle": "custom",即可去除自带的导航栏,这时候导航栏必须要自己实现。这样问题就来了

Page配置文件中并不支持这一属性,也就是说,一旦去掉,整个小程序中的导航栏都去掉了,每一个页面都要加入自己实现的导航栏

但是为了个人中心,实现就实现吧



没看出来区别?再来一个内页的图



还是没看出来?那就对了

我尽量地把导航栏做的跟原来的导航栏一样,以求一致的体验,甚至还比原来的要更好

在原来的导航栏中,如果是从别人的分享中进入的小程序内页,左上角是不会有返回按钮的,开发者不加上返回按钮的话,用户将很难回到首页

经过改进的导航栏,除了tabbar的几个页面,其它页面一律加上左上角返回按钮,逻辑是这样的:如果能返回上一页则返回,不能返回则回到首页,我觉得这样才是导航栏应该有的表现


然后是产品详情页加入了促销的倒计时,如果在产品编辑中填写了促销价并且设置了促销计划,会在小程序中显示一个促销的倒计时



然后还是产品详情页,产品在不存在或者非发布状态时,进入产品页时会显示一个类似于网站404的页面



高级收货地址扩展:https://www.qwqoffice.com/article.php?mod=view&tid=44

高级优惠券扩展:https://www.qwqoffice.com/article.php?mod=view&tid=45


具体更新内容:

  • A 新增 基于用户优惠券扩展(¥99)首页加入领券模块 加入领券中心 我的优惠券 未使用已使用已过期优惠券 点击领券以及点击使用券 优惠券自动生成可用范围说明 加入领券限制以及每个用户领券限制
  • A 新增 新版收货地址填写,多个地址云端保存及与网站国家列表保持一致(¥79)
  • A 新增 限时促销倒计时的显示(产品编辑 - 促销价格 - 计划)
  • A 新增 产品不存在过已下架时的提示
  • A 新增 产品海报分享(感谢Jianbo)
  • A 新增 我的页红点提示及各个订单状态直达
  • U 更新 导航栏改为自定义
  • U 更新 微信版本最低要求提升至6.6.0 基础库最低要求提升至1.9.1
  • U 更新 我的页样式改版
  • U 更新 产品详情页图片轮播及购物车图片自适应
  • U 更新 点击相关产品时redirect和navigate的逻辑
  • F 修复 填写运单号后订单状态不更新的问题
  • F 修复 货到付款发货后模板消息不发送的问题
  • F 修复 产品收藏BUG


下次更新再见!

相关主题

发表您的留言