Skip to contenttext
Theme architecture
Slab follows standard Shopify theme architecture with one addition: a src/ folder that holds source files compiled into the theme at build time.
slab/
├── assets/ # Compiled JS/CSS output (do not edit directly)
├── blocks/ # Theme block files
├── config/ # Global theme settings schema
├── layout/ # theme.liquid and other layout files
├── locales/ # Translation files
├── sections/ # Compiled section files (do not edit directly)
├── snippets/ # Reusable Liquid snippets
├── src/
│ ├── scripts/ # Build scripts (section-builder, icon snippets)
│ ├── sections/ # Section source files and preset JSON
│ └── entrypoints/ # Vite JS/CSS entry points
└── templates/ # JSON templates