模板引擎
简介 Liquid 基础语法 Liquid 内置方法 友好速搭主题对象

简介

友好速搭的店铺主题,基于 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 -->

更多方法内容

品牌电商 从此开始
立即免费使用
电脑访问 youhaosuda.com 免费使用友好速搭
同时拥有电脑+手机端电商网站
<
'

品牌电商 从此开始

+我已经认真阅读并同意友好速搭 服务条款
立即免费使用
已有账号?请登录取消
Online Service Image