核心特性
探索 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 建構出色的主題。