简介
友好速搭的店铺主题,基于 Liquid 模板引擎开发,它是店铺主题个性化的基础。熟练掌握主题的语法和对象结构,能让主题开发工作事半功倍。
可以在主题文件以.html
或.css
或.js
为后缀的文件中(查看主题文件结构),使用 Liquid 语法。
友好速搭默认,会对主题中,所有.css
和.js
文件使用 Liquid 引擎处理。如果代码中,存在与 Liquid 语法冲突的代码,需要使用 raw 语法来避免出错。
通过语法来控制呈现逻辑,使用对象的属性和方法,来呈现不同的数据,从而实现主题定制。
下面分别从以下几方面,进一步介绍主题开发:
语法
语法的逻辑语句,都包含在{%
和%}
中,并通过闭合的代码块来完成。
以下是一个if
语句的示例:
{% if shop.name == '友好速搭' %}
友好速搭的店铺
{% endif %}
对象
通过使用对象的相关属性,所有店铺相关数据,都能在页面中呈现。 以下是呈现商品名称的示例:
{{ product.name}} <!-- 输出: 友好速搭U盘-8G -->
方法
通过对对象或类型变量的方法调用,将输出想要的字符串、数字、日期格式等各种数据。 以下是输出指定日期格式的示例:
{{ customer.register_at | date: '%Y-%m-%d' }} <!-- 输出: 2014-10-01 -->