Overview

[]

Building SHOPLINE Themes

Themes shape the online store experience for merchants and their customers. Build fast, flexible themes at scale using SHOPLINE's theme template language Handlebars, along with HTML, CSS, JavaScript, and JSON.

Developing a New Theme

Start building a brand new SHOPLINE theme from scratch based on open theme seed by referencing scenario-based documentation and example code.

Customizing Themes

Learn how to get merchant authorization, pull code locally for customization, sync with the merchant for preview, and successfully publish the theme.

Theme Code Architecture

SHOPLINE theme code is comprised of template files, static assets generated according to certain rules.

Handlebars

Handlebars template language serves as the foundation of SHOPLINE themes, used for loading dynamic content in the storefront. Extend Handlebars objects with metafields to store and render custom data.

Seed Open Theme

Seed is a reference theme by SHOPLINE, built for performance, flexibility, and ease of use. It's a feature of Online Store 2.1, including support for application blocks and JSON templates on all pages.

Explore Seed Theme

Migrating to OS2.1 Themes

Learn about OS2.1 theme features and use OS2.1 themes designed for developers to complete theme building.

Learn More

Rapid Development with Tools

SHOPLINE provides CLI tools to help you quickly develop themes.

CLI

SHOPLINE CLI is a command-line interface tool that helps you build SHOPLINE themes. It can quickly generate SHOPLINE themes.

VSCODE

VSCODE plugin provides more convenient development tools for our themes, including theme syntax validation, syntax highlighting, code folding, variable suggestion prompts, code block completion, and more. It enhances developers' development efficiency and code quality.

Was this article helpful to you?

SHOPLINE

Legal