简介 - 友好速搭 -- 开发文档

友好速搭

模板引擎
简介 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 -->

更多方法内容

免费领取15天试用
立即注册
联系客服
微信咨询
微信二维码

领取免费试用资格

姓名 *

电话 *

公司名称

所在地区

意向产品

提交

提交成功

你好, XXX女士/先生 ,你的需求已提交成功,后续会有专门的客户经理与你电话联系。谢谢!