主な特長

Sline を SHOPLINE Online Store 3.0 と Bottle テーマを支える次世代コンパイルエンジンにする強力な機能をご覧ください

コンパイル型 Go エンジン

自社開発の Golang コンパイル型テンプレートエンジンで、デプロイ時にテンプレートをプリコンパイルします。インタープリタ型エンジン(Liquid/Handlebars)とは異なり、Sline は最大 4 倍の高速レンダリングを実現し、ピークトラフィック時でもストアが即座に応答します。

🎯

150+ E コマースコンポーネント

商品詳細、ショッピングカート、チェックアウト、ユーザーアカウントなどをカバーする 150 以上の高度にモジュール化された即用可能なコンポーネント。各コンポーネントは、バリアントセレクターから価格表示まで、e コマース専用に構築されており、より迅速にストアフロントを構築できます。

🔧

テーマイベントシステム

商品閲覧、バリアント選択、カート更新、フォーム送信などの e コマースインタラクションのための組み込みイベント処理。自動状態管理により、リッチでインタラクティブなショッピング体験を作成します。手動配線は不要です。

🏗️

5 レベルブロックネスト

業界をリードする 5 レベルのブロックネストにより、ページレイアウトをかつてないほど制御できます。深い階層でセクション、ブロック、サブブロックを組み合わせ、カスタム構築のウェブサイトに匹敵するストアフロントデザインを、すべてテーマエディター内で実現します。

🚀

真のコンポーネントアーキテクチャ

Sline は明示的な props 渡しによる真のコンポーネントカプセル化を導入します。各コンポーネントは独自のスコープ付きコンテキストを持ち、データは明示的に宣言して渡す必要があります。これによりコンテキスト汚染が排除され、テーマの保守性、テスト容易性、スケール時の堅牢性が向上します。

📈

パイプライン演算子と組み込みタグ

Sline の表現力豊かなパイプライン演算子で、データのフィルタリング、フォーマット、追加を 1 行で実行できます。さらに、画像レンダリング、プレースホルダー SVG、コンテンツブロック用の専用組み込みタグが、カスタムコードなしで一般的な e コマースレンダリングのニーズを処理し、テンプレートをクリーンで宣言的に保ちます。

構文の比較

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+ コンポーネント

E コマースをフルカバー

エンタープライズグレード

SHOPLINE が支援

始める準備はできましたか?

Sline が SHOPLINE Online Store 3.0 テーマをどのように強化しているかを詳しく見てみましょう。他のテンプレートエンジンとの詳細な比較をご覧いただくか、SHOPLINE CLI を使用して素晴らしいテーマを構築する方法を学んでください。