Capabilities
What we have built on Shopify, defined as capabilities and evidenced by the builds behind each one.
Accessibility remediation at component level
Code-level accessibility work on individual components: ARIA-correct disclosure and accordion patterns, focus management in drawers and modals, accessible names derived from hrefs, live regions, form error linking, motion held behind a reduced-motion query, and generated ids composed from the call site so a snippet rendered three times in one document stays unique — including repairing heading semantics injected by vendor widgets.
19 live builds
Editorial blog and content hub
Shopify's blog turned into a real publication: article templates assembled from article metafields — deck, key takeaways, callouts, references, a native FAQ accordion, an author credentials card and in-content commerce — plus tag-filtered indexes on the platform's own tagged routes, paginated server-rendered listings, curated rails, related-post fallbacks, and freshness signals whose visible date and machine-readable date come off one timestamp pair. Includes turning a blog into a creator-collab or help-center index.
19 live builds
Mega menu and mobile navigation system
Mega menus whose panels are theme-editor blocks bound to nav items by title, carrying promo cards, product rails and editorial features — plus the mobile half: multi-level drawers, tabbed shop menus and detached navigation panels with real focus management and scroll locking. Merchandisers compose the menu; app-injected navigation costs speed and accessibility.
19 live builds
Structured data for AI answers and rich results
Hand-authored JSON-LD entity graphs — Product, Offer, CollectionPage, ItemList, BreadcrumbList, FAQPage, HowTo, VideoObject, BlogPosting — emitted per page type and forked per market so .ca and .com resolve to their own canonical entities. Built deliberately for AI answer surfaces, not just rich snippets, and far beyond what an SEO app emits.
18 live builds
Variant-aware content and media swapping
The product page re-renders its copy, imagery, ingredients and SEO the moment a shopper picks a different variant, using the Section Rendering API or pre-serialized per-variant payloads. Each shade, size or format behaves like its own product without splitting the catalog. This is what makes a 40-shade PDP legible instead of generic.
17 live builds
AJAX cart drawer and line-item rules without an app
A slide cart built on Shopify's cart AJAX API and the Section Rendering API: line items, discounts, upsells and the header count bubble all re-render in one round trip, with no page load and no cart app. Includes the line-item level control that bundles, subscriptions and gifts demand — fixed-quantity SKUs, hidden components, locked promotional lines and file uploads.
16 live builds
Vendor widget remediation and cross-app cart sync
MutationObserver and shadow-DOM layers that restyle, reposition, de-duplicate and re-anchor third-party widgets plus the bridges that keep several systems which each think they own the cart in agreement. This is the hidden recurring cost of the buy decision, and the clearest build-vs-buy evidence in the corpus.
16 live builds
FAQ and self-service content
Answers a shopper can find without contacting support, rendered by the theme from data the storefront owns: FAQ accordions and product information tabs read from page, product or variant metafields, theme blocks or a Shopify page; help-center corpora moved out of an app into Shopify data; a diagnostic quiz authored as metaobjects; and question-and-answer content that emits FAQPage structured data from the same source the accordion renders.
14 live builds
Analytics and dataLayer instrumentation
Measurement plumbing written into a Shopify theme: a dataLayer declared and seeded from Liquid with page type, locale and signed-in customer state, and GA4 ecommerce and interaction events pushed from the code that renders or changes the thing being measured — product lists, promotions, navigation, cart lines and embedded quizzes — so the tag container reads what the server knew rather than what a script guessed from the page.
13 live builds
Variant swatches and shade pickers
Color-accurate swatch and pill pickers on product pages and product cards, driven by a merchandiser-managed hex registry or metafield rather than a swatch app. Covers duo-tone shades, finish grouping, size pills with merchandiser-named labels, and swatch filters on collection pages. Replaces one of the most commonly rented app categories with native theme code.
13 live builds