Developer notes
For developers who customize Caffenza code.
Caffenza is built on the Shopify Skeleton theme with standard Online Store 2.0 architecture.
| Folder | Contains |
|---|---|
| layout/ | theme.liquid and password.liquid |
| templates/ | JSON templates, including page.about, page.contact, page.faq and page.legal |
| sections/ | All sections, plus the header and footer group files |
| snippets/ | Shared logic only: product card, price, buy form, variant picker, cart parts, pagination and similar |
| assets/ | One CSS and JS file per section or component, loaded only where needed |
| config/ | settings_schema.json and settings_data.json |
| locales/ | Storefront and editor translations |
Working locally
shopify theme dev --store your-store.myshopify.com
shopify theme checkGood practice
- Duplicate the theme before editing code, and keep a list of every change.
- Colors, fonts, radii and spacing come from Theme settings as CSS custom properties. Use those variables instead of fixed values.
- JavaScript uses Web Components and listens for theme editor events, so sections work when added, removed or reordered.
- Run
shopify theme checkafter changes. It should report no errors.