Shopify主题开发 Liquid详解（1）- Starterknow

尚睿出海，专注Shopify定制化模板开发，助力品牌出海。现关注同名公众号限时免费领取90天Shopify体验！！！（官网申请仅14天）

Liquid是什么

Liquid是Shopify基于Ruby编写的一种开源模板语言。我们所能使用到的所有Shopify模板都是基于Liquid语言搭建

Liquid代码的语法

因为拥有独特的语法，你可以非常轻松的就从HTML中找到Liquid语言。Liquid主要使用

两重大括号{{ }}，表示输出
两重大括号加百分号{% %}，表示逻辑和控制流

Liquid代码的三个主要特点：

对象
标签
过滤器

对象

对象是 Shopify 后台的输出数据片段。对象被包裹在双重大括号中：

{{ product.title }}

该代码的输出结果就是产品的标题。

{{ product.available }}

该代码输出值为布尔值True 或 False, 表示此产品是否符合出售条件。

标签

标签主要用于创建逻辑和控制流。其代码如下：

{% if product.available %} <h2>Price: $99.99</h2> {% else %} <h2 class="sold-out">Sorry, this product is sold out.</h2> {% endif %}

该代码含义：

如果产品符合出售条件则输出：Price: $99.99，如果不符合出售条件则输出：this product is sold out。

过滤器

过滤器用于修改数字、字符串、对象和变量的输出，其放置在{{ }}中，并用 | 表示。如：

{{ '#7abb55c' | colour_lighten: 30 }}

该代码表示将#7abb55c颜色调轻30%，最终输出的颜色为：#d0e5c5。

{{ 'hello, world!' | capitalize }}

该代码表示首字母大写，最终输出为：Hello, world!

需要注意的是，过滤器可以对同一对象多次使用。如：

{{ 'hello, world!' | capitalize | remove: "world" }}

其输出为：Hello, !

为什么要了解Liquid语言

虽然现在市面上独立站建站平台层出不穷，但对比起Shopify可以说是一个能打的都没有。现在国内有大量品牌公司会选择Shopify作为品牌出海的第一选择，其原因就是Shopify拥有：

大量专业精美的模板
功能齐全的APP市场
稳定安全的服务器，在全球部署免费高速的CDN
完善的后台管理系统
Shop pay功能（该功能能够记录顾客支付信息，加快顾客下单速度，极大提高转化率）
…

了解Liquid语言能够使你真正的接触到Shopify的核心功能，更好地管理自己的店铺。即使你不是程序员，学一点Liquid语言也能够让你独立地解决一些小问题，这将会极大地省下你的时间和金钱。

不知道大家对于此类内容是否有兴趣，有兴趣的话可以点个赞。下一章Shopify主题文件结构详解，有兴趣的关注我们吧！！！

原文链接：https://blog.csdn.net/Hayden_SainStore/article/details/120284294?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167193311916800211550983%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=167193311916800211550983&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-9-120284294-null-null.blog_rank_default&utm_term=Shopify

你可能感兴趣