3U

Storefront Theme Overview

Building storefront themes for the ThreeU marketplace.

Theme Architecture

ThreeU themes are React applications built with the Theme SDK. Specific components are marked as "editable" — merchants customize their content through the admin panel.

Themes run in the browser using the Public Storefront Token. The modern React approach uses providers, hooks, components, and page registration — not class inheritance.

Theme Pages

A theme defines pages that correspond to storefront routes:

  • home — Main landing page
  • product — Product detail page
  • collection — Collection/category page
  • cart — Shopping cart
  • checkout — Checkout flow
  • account — Customer account
  • search — Search results
  • custom — Additional pages