shopify js使用liquid配置数据方法

如果是数组，则需要如下操作：

<script>var shopList = [];</script>
{% for shop in block %}<script>shopList.push({name:`{{ shop.settings.shop_name }}`,lat:`{{ shop.settings.lat }}`,long:`{{ shop.settings.long }}`,icon:`{{ shop.settings.marker_img_url | img_url : 'master' }}`,shop_id:`{{ shop.id }}`,id: `{{ shop.id }}`,shop_name:`{{ shop.settings.shop_name }}`,shop_icon:`{{ shop.settings.shop_icon | img_url:'master' }}`,daily:`{{ shop.settings.daily }}`,address_icon:`{{ section.settings.address_icon | img_url:'master' }}`,address_google_map_share_url:`{{ shop.settings.address_google_map_share_url }}`,address:`{{ shop.settings.address }}`,phone_icon:`{{ section.settings.phone_icon | img_url:'master' }}`,phone:`{{ shop.settings.phone }}`,link_products:`{{ shop.settings.link_products }}`,shop_book_common_url:`{{ shop.settings.shop_book_common_url }}`,book_btn_name:`{{ shop.settings.book_btn_name }}`,street_long:`{{ shop.settings.street_long }}`,street_lat:`{{ shop.settings.street_lat }}`,street_pov: `{{ shop.settings.street_pov }}`,street_view_btn_name: `{{ shop.settings.street_view_btn_name }}`,is_test_ride: `{{ shop.settings.is_test_ride }}`})</script>
{% endfor %}

<script>
var mapMarkerData = shopList;
</script>

如果不是对象，则直接如下操作即可

var mayLatlng = getLatLng(`{{ section.settings.first_lat`)}})

shopify js使用liquid配置数据方法相关推荐

js数组删除指定数据方法
js数组删除指定数据方法第一种:如果数据是一个一个添加进入数组中的可以用pop来进行删除最后一个(可以用在upload上传判断是否符合等) let arrList = []; let arr = ...
js实现格式化JSON数据方法
前言: 最近做的项目中遇到个需要在前端页面中将某个设备需要的数据格式展示出来,方便用户配置.一开始单纯的将数据格式写入到pre标签中, 但是通过pre标签写入的数据格式在代码可视化上不是很优雅.由于上 ...
php 存储数据的方法,在PHP中存储可轻松编辑的配置数据的最快方法？
与存储PHP变量的JSON相比,序列化更好. var_export可用于保存配置文件,而'include'可用于加载配置文件信息. 这是一种以编程方式保存配置数据且易于读取/写入的简便方法.以下是相同 ...
[深度学习] RCNNs系列（1） Ubuntu下Faster RCNN配置及训练和测试自己的数据方法
最近用到Faster RCNN进行目标检测,前前后后两周把RCNN,SPPNet,Fast RCNN和Faster RCNN大体调查了一遍,准备写一个RCNNs系列,后面还要加上今年最新的Mask R ...
html表格中绑定显示xml文档内容的简单实例,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...
本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法.分享给大家供大家参考,具体如下: 先看xml文件: 张秋丽女 18 李文才男 31 李斯文男 22 马英女 25 孙红雷 ...
配置数据引擎(BDE、SQL Link)的简单方法 /制做快速按钮条的方法/建立临时表的方法
配置数据引擎(BDE.SQL Link)的简单方法在数据库程序分发时,需要携带数据引擎(BDE.SQL Link),并且在客户端安装完程序后还需要配置数据引擎,如用户名(username).密码 ...
js html 处理json数据,JS中Json数据的处理和解析JSON数据的方法详解
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族 ...
JS判断数据类型以及数据过滤空值方法
JS判断数据类型以及数据过滤空值方法在我们的项目开发中,经常需要对一个传输中的数据进行滤空处理,过滤 null.undefined.''.[].{}等,还要对字符串进行去除两端的空格操作.为此,我写 ...
html js 循环取json数据,JS循环遍历JSON数据的方法
JS循环遍历JSON数据本文提供了 JS 循环 JSON 数据列,以及 JS 循环遍历 JSON 数据的例子,供大家学习参考. 1. json数据的列循环 var len = json.length ...

shopify js使用liquid配置数据方法

shopify js使用liquid配置数据方法相关推荐

最新文章

热门文章