核心特性
探索 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 打造的编译引擎
{% 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 构建出色的主题。