【速成应用】微信小程序开发平台|小程序制作工具|免费微信小程序生成器

当前位置：主页 > 帮助中心 > 制作教程区域定位组件——微信小程序城市区域定位使用方法

区域定位组件——微信小程序城市区域定位使用方法

来源：原创 | 2018-05-14 10:01 点击数：

亲~想给自己的商品增加一个“城市属性”吗？平台新推出的“区域定位”组件，可以满足你的需求哈，以下让我们来看下如何实现商品的城市定位哈，详细教程如下。

友情提示：该组件目前只能绑定商品列表1，故需配合“商品列表1”组件使用，至于其他组件目前暂无法实现城市定位。

一、组件添加
说明：进入制作页面，选中“页面组件-商城-区域定位”，长按鼠标左键，将其拖拽到右边的制作页面框中，如下截图

二、添加“商品列表1”组件
说明：添加好商品列表1组件，便于我们后续绑定其组件，实现该商品列表的区域定位功能，如有需要可在平台教程中搜索“商品列表组件”查看相关教程，姑且这边设置添加的商品列表名称为“商品1”

三、添加商品可选择开启城市定位
添加好的商品，有需要设置为筛选城市选中的，需在“项目管理后台-商城管理-商品列表-添加商品”的时候，选择“开启城市定位”，并设置商品所在区域，如设置“福建-厦门-思明区”（系统默认是关闭城市定位的。）

四、关联商品列表（商品1）
说明：如上面的介绍，我们命名商品名称为“商品1”，故我们先选中已添加的“城市定位组件”，可以关联已添加的“商品列表”-商品1，如下图

五、预览效果

说明：网页预览选中城市定位，筛选结果页是跳转到一个新的页面；开发者工具预览小程序效果，是选中城市，筛选的商品出现在当前页，大家可以以开发者工具上预览的效果为主，谢谢。

速成应用-是专业的开发平台,无需代码一键生成小程序工具,一分钟就可以完成快速制作!已为上千家企业定制微信小程序开发方案,因为专注,所以专业!

免编程立即制作小程序

上一篇：商品列表组件1——微信小程序开发定制平台电商系统使用方法

下一篇：悬浮窗组件--微信小程序微信客服聊天人员添加使用教程

相关内容推荐

资讯导航

制作教程产品套餐产品动态行业资讯常见问题

新手教程

更多+

教程大全

猜你喜欢的内容

热门资讯

关于我们

联系我们

业务咨询：18359788509

客服反馈：18350356243

周一至周六 9：30-18：30

官方微信客服微信

闽ICP备18002760号-2

Hello,欢迎来咨询~

咨询热线

QQ咨询

微信咨询