📄️ Getting Started
Custom themes give you full control over the storefront by writing Liquid templates, CSS, and JavaScript from scratch. Unlike CSS-only themes that override an existing skeleton, a custom theme defines every visual section independently.
📄️ Palette
The storefront injects 22 merchant-configurable colors as CSS custom properties on :root. Use these variables in your style.css so merchants can change colors from the admin panel without editing your theme files.
📄️ Dynamic Theme Data
Dynamic theme data lets merchants customize your theme without touching code. You define a schema (schema.json) that describes the available settings, and merchants fill in the values through the admin panel. Those values are then available in every Liquid template as theme_data.
📄️ Liquid Reference
EasyOrders custom themes use LiquidJS — a JavaScript implementation of the Liquid template language. Each section file (.liquid) is a Liquid template that gets rendered with store data injected as variables.
🗃️ Sections
4 items
📄️ Events & Data Attributes
Custom themes communicate with the storefront through bubbling CustomEvents.