核心特性

探索 Sline 成为驱动 SHOPLINE Online Store 3.0 和 Bottle 主题的下一代编译引擎的强大能力

编译型 Go 引擎

自研的 Golang 编译型模板引擎,在部署时预编译模板。与解释型引擎(Liquid/Handlebars)不同,Sline 的渲染速度最高可提升 4 倍——确保您的店铺在流量高峰时也能即时响应。

🎯

150+ 电商组件

超过 150 个高度模块化、即开即用的组件,涵盖商品详情、购物车、结算、用户账户等功能。每个组件都专为电商打造——从变体选择器到价格展示——让您更快地搭建店铺。

🔧

主题事件系统

内置电商交互事件处理:商品浏览、变体选择、购物车更新和表单提交。通过自动状态管理创建丰富的交互式购物体验——无需手动对接。

🏗️

五级区块嵌套

业界领先的五级区块嵌套让您对页面布局拥有前所未有的控制力。在深层层次结构中组合 section、block 和 sub-block——实现媲美定制网站的店铺设计,全部在主题编辑器内完成。

🚀

真正的组件架构

Sline 引入了真正的组件封装,支持显式 props 传递。每个组件拥有自己独立的作用域上下文——数据必须显式声明并传入。这消除了上下文污染,使主题在大规模应用中更易维护、可测试且更稳健。

📈

管道操作符与内置标签

使用 Sline 富有表现力的管道操作符,在一行内完成数据的过滤、格式化与追加。此外还有专用的内置标签处理图片渲染、占位 SVG 和内容区块,无需自定义代码即可覆盖常见的电商渲染需求,保持模板简洁和声明式。

语法对比

了解 Sline 现代化的、面向组件的语法与 Liquid 的对比——SHOPLINE 为 Online Store 3.0 打造的编译引擎

Liquid 语法
Sline 语法

{% case user.account.type %}
    {% when 'premium' %}
    Premium user
    {% when 'basic' %}
    Basic user
{% endcase %}

{% for product in products %}
    {{ product.title }}
{% endfor %}

{% unless items.size > 0 %}content{% endunless %}
              

{{#switch user.account.type}}
    {{#case "premium" /}}
    Premium user
    {{#case "basic" /}}
    Basic user
{{/switch}}

{{#for product in products}}
    {{ product.title }}
{{/for}}

{{#if !(items|size() > 0)}}content{{/if}}
              

为什么选择 Sline

由 SHOPLINE 官方文档支持——以下是 Sline 脱颖而出的具体优势

编译型 Go 引擎

部署时预编译

最高 4 倍提速

对比解释型引擎

150+ 组件

全面覆盖电商场景

企业级

由 SHOPLINE 支持

准备好开始了吗?

深入了解 Sline 如何驱动 SHOPLINE Online Store 3.0 主题。查看我们与其他模板引擎的详细对比,或学习如何使用 SHOPLINE CLI 构建出色的主题。