微页面/商城主页
视频详解
看下面视频秒懂微页面制作。
微页面/商城主页视频详解
MP4文件
组件构成了微页面
微页面可以看成是商城各种信息的载体和聚合显示的容器,例如我们发布的活动、商品、优惠券只有放到商城首页,才能让客户方便看到。活动、商品、优惠券这些在微页面,
统称为组件,组件位于微页面的最下方。
动手做个微页面
做微页面之前我们假定你有了这些基础:
已经创建了商品,如果没发布,看教程如何创建商品
已经创建了优惠券,如果没发布,看教程如何创建优惠券
如果上述两个步骤没有完成,请先完成后,在做下一步操作。
将要实现的微页面
上图微页面从上到下依次是下列组件构成的:
h5模板
轮播图
优惠券
导航图片
商品
营销组件
添加轮播图片
添加导航图片
添加商品
添加优惠券
添加h5模板
如果你还不具备制作h5模板知识,请看这里,如果制作h5模板
添加营销组件
把例如拼团、秒杀、限时折扣、满减添加到微页面。
但是添加的时候,你可能踩坑,注意下面几点:
满减、折扣的里面设置的商品必须是指定商品可用参与活动,也就是如果选择了全部商品可用或是指定商品不可用的活动,那么添加组件到微页面会报错。例如下图的活动形式是可以添加到微页面:
你可能很喜欢在活动的下面显示一排头像,显示哪些用户参加过活动,但是,你填加的活动却不显示头像。这是因为,你的活动刚刚发布还没有人参加活动,所以不显示头像,
你可能更疑惑的是,为什么有人已经参加了活动,在微页面里面还是不显示头像?这是因为微页面数据都是静态缓存的,所以不会自动更新。这时,你编辑微页面,重新添加活动,就能看到头像了。
别忘了在编辑微页面之前,记得一定需要复制备份微页面。
为了加大商城首页载入速度,微页面的内容都做了静态缓存,所以微页面涉及的内容如果发生更改,需要更新微页面,下面两个方法都能触发自动更新:
手动在微页面列表点更新,会触发自动更新。
点编辑微页面,也会触发自动更新。
预览微页面可点击右侧的链接按钮
关于更新微页面的操作截图: