Shopify二次开发之二:配置schema

目录

阐述

配置schema

name:可以在商城后台看到对应的section

tag:section的标签,默认是div,也可以设置为article、aside、footer、header、section

class:section的class

limit:可以添加section的最大数量

settings:input settings可以通过商城后台配置的数据模型以供模板访问

blocks&max_blocks:可以在section中配置block,在后台添加、删除、排序

presets: 一组section预设,可以在添加section的时候提前给出多组预设值

default: section的默认值

locales:提供一组翻译字符串,相分离于locales文件下的翻译配置

enabled_on同disabled_on


阐述

通常来说,Shopify开发是不需要和后端程序员进行数据对接的,可以通过section中的 .liquid文件配置,但也不乏特定场景,需要ajax进行接口请求。

当进行Shopify二次开发时,模板访问模型数据是至关重要的一步。在Shopify中,由schema定义数据模型以及其他,模型则包含实际的数据(可以在admin后台去配置数据)由模板去进行访问,这就是为什么不需要后端的原因,因为数据完全来自于商城后台。

至于如何在scheme中配置可以通过查阅shopify theme  Input settings 官方文档进行学习

需要注意的是每个section只能有一个{% schema %}标记,且仅有section能配置schema ,schema不能嵌套另一个schema,也就是说一个section里不能{% section 'xxx' %}另一个section,否则会报错。

配置schema

schema包含以下配置

name:可以在商城后台看到对应的section

tag:section的标签,默认是div,也可以设置为article、aside、footer、header、section

\

class:section的class

另外,每一个section都有一个独特的id,这样写class的时候就会与其他section的样式进行隔离

shopify-section-{ { section.id }}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值