Shopify Theme Base Starter

Reusable Shopify Online Store 2.0 base theme for starting client projects quickly.

What this includes

• Core folders: assets, config, layout, locales, sections, snippets, templates
• JSON templates for common page types
• Modular section-based architecture
• Accessible baseline layout with skip link and semantic structure
• Minimal CSS/JS foundation to extend per project

Recommended workflow

1. Duplicate this folder for each new project.
2. Rename theme in config/settings_schema.json.
3. Connect to store with Shopify CLI.
4. Develop in a preview theme branch.
5. Keep reusable utilities in snippets/sections and avoid hard-coded client content.

Shopify CLI commands

shopify theme dev --store your-store.myshopify.com
shopify theme pull
shopify theme push --unpublished
shopify theme check

Best-practice rules for reuse

• Keep global design tokens in assets/base.css
• Keep business logic minimal in Liquid, move behavior to assets/theme.js
• Use section schema for merchant-configurable content
• Use locale keys for all customer-facing text
• Prefer JSON templates and composable sections over hard-coded template logic
• Do not store live merchant secrets or private store data in the repo

Next customizations for each project

• Brand typography and spacing scale
• Header/footer menu structure
• Product card and collection layout
• Cart UX (drawer or page)
• App blocks and metafield-driven content