Key Features

Discover the powerful capabilities that make Sline the next-generation compiled engine powering SHOPLINE Online Store 3.0 and the Bottle theme

⚡

Compiled Go Engine

Sline uses a compiled template architecture. Read the official documentation for the platform rendering model and test performance against the actual templates and data used by your store.

🎯

Reusable Theme Components

Bottle organizes storefront features into reusable components. Explore product details, variant selection, pricing, and cart interactions in the reference theme before building your own.

🔧

Theme Event System

Built-in event handling for e-commerce interactions: product browsing, variant selection, cart updates, and form submissions. Create rich, interactive shopping experiences with automatic state management — no manual wiring required.

🏗️

Sections and Nested Blocks

Combine sections and blocks to build configurable storefront layouts. Check the platform documentation for supported nesting and theme editor constraints.

🚀

True Component Architecture

Sline introduces genuine component encapsulation with explicit props passing. Each component owns its own scoped context — data must be explicitly declared and passed in. This eliminates context pollution, making themes more maintainable, testable, and robust at scale.

📈

Pipeline Operators & Built-in Tags

Chain data transformations with Sline's expressive pipeline operators for filtering, formatting, and appending values in a single line. Plus dedicated built-in tags for image rendering, placeholder SVGs, and content blocks that handle common e-commerce rendering needs without custom code, keeping templates clean and declarative.

Syntax Comparison

See how Sline's modern, component-oriented syntax compares to Liquid — SHOPLINE's compiled engine for Online Store 3.0

Liquid Syntax


{% 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 %}
              

Sline Syntax


{{#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}}
              

Why Choose Sline

Use the developer guides and official references to understand the template model and plan your theme workflow.

Compiled Go Engine

Pre-compiled at deploy time

Scoped Components

Explicit data and props

Reusable Sections

Configurable theme layouts

Developer Guides

With official references

Ready to Get Started?

Dive deeper into how Sline powers SHOPLINE Online Store 3.0 themes. Check out our detailed comparison with other template engines, or learn how to build amazing themes with SHOPLINE CLI.