Dev Center
Dev Center
API Docs
API Reference
Theme Docs
Resources
Changelog
My Apps
Create Account
No results found.
Getting Started
About Stencil
Transitioning to Stencil
Supported Browsers
Installing Stencil
Authentication & Tokens
Launching Stencil
Advanced Installation Options
Theme Development Quickstart
Customizing a Theme
config.json Resource Interactions
Customizing Javascript
Rendering HTML with Ajax
Testing and Debugging Your Theme
Managing Theme Variations
Stencil Theme Editor
Stencil Theme Editor Overview
Configuring Stencil Theme Editor
schema.json/Theme Editor Metadata
config.json Metadata
Preparing Thumbnail Images
Theme Editor Troubleshooting
Front Matter
Front Matter
Front Matter Attributes
Reference
Template Files
Templates Directory
Custom Templates
Customize Stencil Checkout
Handlebars Syntax and Helpers
Handlebars.js
Handlebars Helpers
Stencil Object Model
Stencil Objects
CSS And Design Assets
Assets Directory
Components Directory & Design Patterns
Layouts, Utilities, & Settings Directories
Custom Sass Functions
Page Composition and Styling
Using Custom Fonts
Using and Updating Icons
Event Hooks
Event Hook Overview and Examples
Remote API Example
Data Tags & Event Hooks
stencil-utils API
Custom Javascript Implementations
Adding Javascript to a Stencil Theme
Basic Non NPM Example
Basic NPM example
Advanced NPM Example
Page Types and Life Cycle
Conditional-Logic Examples
Catalog Price Object: How Properties Interact
Cart Price Properties: Relationships
Calling Theme-Wide Variables via Handlebars
Dynamic Content Rendering on Stencil Storefronts
Internationalization/Localization
Localizing Stores
Defining Translation Keys
Invoking Translation Keys
Features Supported
Implementation Example
Prepare & Upload a Theme
Checking a Theme's Size
Shrinking A Theme
Staging A Theme for CDN Delivery
Bundling and Uploading a Theme
Adding ReCAPTCHA V2
Troubleshooting Theme Uploads

Stencil Documentation