WESWOO Developer Guides
Shopify module development library
From a design decision to data, interaction and code. Follow the storefront journey and verify each module against the next.
Data and page construction
Data and implementation foundations
Define ownership and inputs before choosing a Liquid or Headless implementation.
3 modules ↗02Navigation, announcements and search
Connect shoppers to collections, guides and support before enhancing menus and search.
3 modules ↗03Home, collections and trust
Move from the first-view proposition to collections and products, supported by attributable evidence.
4 modules ↗Selection and transactions
Collection selection and comparison
Define real distinctions before implementing filters, results and model comparison.
3 modules ↗05Product detail and combined purchases
Synchronize model and variant facts before media, accessories and specifications.
5 modules ↗06Cart, totals and promotions
Render server-owned line items before totals, payments and promotion conditions.
3 modules ↗Support and long-term delivery
Help, manuals and policies
Connect questions and models to resources, applicable policies, accounts and human support.
4 modules ↗08Content, brand and partnerships
Connect real articles, business identity, locations and partnership information.
4 modules ↗09Interaction, SEO and release acceptance
Validate keyboard access, readable output and recoverable releases on actual module data.
3 modules ↗Read it, integrate it, verify it
- Choose a module and confirm the data contract.
- Connect the fragment to the current theme or framework.
- Check real variants, markets and recovery states.
Examples target Shopify Online Store 2.0 themes. Headless has separate data and version boundaries. Integrate fragments with actual fields, theme components and locale files.
Architecture references
Original educational examples with Shopify documentation and pinned upstream references. Follow the applicable license when adopting repository code.
References checked 2026-11-12