液体的参考
Liquid是Shopify创建的模板语言,用Ruby编写。它现在作为一种开源项目在GitHub上,被许多不同的软件项目和公司使用。Liquid是所有Shopify主题的支柱,用于加载在线商店页面中的动态内容。欧宝体育官网入口首页
什么是模板语言?
链接到“什么是模板语言?”网站设计人员和开发人员可以使用模板语言来构建结合静态内容(在多个页面上都是一样的)和动态内容(从一个页面到下一个页面都是变化的)的网页。模板语言使重用定义网页布局的静态元素成为可能,同时用来自Shopify商店的数据动态填充页面。静态元素用HTML编写,动态元素用Liquid编写。文件中的Liquid元素充当占位符:当文件中的代码被编译并发送到浏览器时,Liquid将被来自安装主题的Shopify商店的数据所取代。
用例
链接到题为“用例”的部分- 致力于Shopify主题.
- 建立一个完整的Shopify主题.
- 修改现有的主题.Shopify商家经常雇佣开发人员根据他们的特殊需求定制主题。
液体的语法
链接到“液体语法”一节与传统编程语言一样,Liquid也有语法,可以与变量交互,还包括输出和逻辑等结构。由于其可读的语法,Liquid结构很容易识别,可以通过以下分隔符集将其与HTML区分开来:
双花括号分隔符
{{}}
,表示输出。大括号百分比分隔符
{% %}
,表示逻辑和控制流。
Liquid代码有三个主要特性:
液体物品从Shopify管理输出数据块。在主题模板中,对象用双花括号分隔符包装{{}}
,看起来像这样:
在上面的例子中,产品
是对象,和标题
是该对象的属性。每个对象都有一个关联属性列表。要了解更多关于产品
对象的属性,请参见液体的参考.
的{{产品。标题}}
液体对象可以在Shopify主题的产品模板中找到。当编译文件中的代码并在Shopify商店的产品页面上呈现时,Liquid对象的输出将是产品的标题。例如,在服装店,结果可能是:
尽管相同的模板用于Shopify商店中的每个产品,但模板中的Liquid对象将根据所查看的产品页面输出不同的数据。
要了解关于可在主题模板中使用的不同Liquid对象的更多信息,请参阅液体物品页面。
液体的标签用于为模板创建逻辑和控制流。大括号百分比分隔符{% %}
当网页被渲染时,它们包围的文本不会产生任何可见的输出。这使您可以分配变量并创建条件或循环,而无需在页面上显示任何Liquid逻辑。
例如,你可以使用Liquid标签在产品页面上显示不同的内容,这取决于产品是否可用:
如果产品是可用的,那么输出将是:
如果该产品不可用,则输出将是:
上面的示例使用如果
而且其他的
液体标签,这是控制流标签。
液体标签分为以下几种:
过滤器
链接到“过滤器”部分液体过滤器用于修改数字、字符串、对象和变量的输出。它们被放置在输出标记中{{}}
,并由管道字符表示|
.
一个简单的例子是利用
字符串过滤:
过滤器通过将字符串大写来修改字符串。输出将是:
多个过滤器可以在一个输出上使用,它们从左到右应用:
字符串首先大写,然后是单词世界
是删除。输出将是:
可以使用Liquid过滤器进行各种有用的数据操作。液体过滤器分为以下几种: