<返回
来源：使用教程
2017-10-13 08:21:21
阅读量：3913
区域定位组件——小程序平台各工具使用说明
来源：使用教程
2017-10-13 08:21:21
阅读量：3913
亲~想给自己的商品增加一个“城市属性”吗？平台新推出的“区域定位”组件，可以满足你的需求哈，以下让我们来看下如何实现商品的城市定位哈，详细教程如下。
友情提示：该组件目前只能绑定商品列表1，故需配合“商品列表1”组件使用，至于其他组件目前暂无法实现城市定位。
一、组件添加
说明：进入制作页面，选中“页面组件-商城-区域定位”，长按鼠标左键，将其拖拽到右边的制作页面框中，如下截图
二、添加“商品列表1”组件
说明：添加好商品列表1组件，便于我们后续绑定其组件，实现该商品列表的区域定位功能，如有需要可在平台教程中搜索“商品列表组件”查看相关教程，姑且这边设置添加的商品列表名称为“商品1”
三、添加商品可选择开启城市定位
添加好的商品，有需要设置为筛选城市选中的，需在“项目管理后台-商城管理-商品列表-添加商品”的时候，选择“开启城市定位”，并设置商品所在区域，如设置“福建-厦门-思明区”（系统默认是关闭城市定位的。）
四、关联商品列表（商品1）
说明：如上面的介绍，我们命名商品名称为“商品1”，故我们先选中已添加的“城市定位组件”，可以关联已添加的“商品列表”-商品1，如下图
五、预览效果
说明：网页预览选中城市定位，筛选结果页是跳转到一个新的页面；开发者工具预览小程序效果，是选中城市，筛选的商品出现在当前页，大家可以以开发者工具上预览的效果为主，谢谢。
友情提示：该组件目前只能绑定商品列表1，故需配合“商品列表1”组件使用，至于其他组件目前暂无法实现城市定位。
一、组件添加
说明：进入制作页面，选中“页面组件-商城-区域定位”，长按鼠标左键，将其拖拽到右边的制作页面框中，如下截图
二、添加“商品列表1”组件
说明：添加好商品列表1组件，便于我们后续绑定其组件，实现该商品列表的区域定位功能，如有需要可在平台教程中搜索“商品列表组件”查看相关教程，姑且这边设置添加的商品列表名称为“商品1”
三、添加商品可选择开启城市定位
添加好的商品，有需要设置为筛选城市选中的，需在“项目管理后台-商城管理-商品列表-添加商品”的时候，选择“开启城市定位”，并设置商品所在区域，如设置“福建-厦门-思明区”（系统默认是关闭城市定位的。）
四、关联商品列表（商品1）
说明：如上面的介绍，我们命名商品名称为“商品1”，故我们先选中已添加的“城市定位组件”，可以关联已添加的“商品列表”-商品1，如下图
五、预览效果
说明：网页预览选中城市定位，筛选结果页是跳转到一个新的页面；开发者工具预览小程序效果，是选中城市，筛选的商品出现在当前页，大家可以以开发者工具上预览的效果为主，谢谢。
