Admin UI¶
Everything you do inside Shopify Admin — managing diagrams, assigning them, configuring the storefront, watching analytics.
The admin embeds inside the standard Shopify Admin chrome, so it inherits your account permissions, polaris navigation, and dark/light theme.
Map of the admin¶
| Area | What it's for |
|---|---|
| Dashboard | At-a-glance metrics, recent activity, links into common workflows |
| Diagrams → Create | Upload an image and create a diagram entry |
| Diagrams → Editor | Draw hotspots, map them to products and variants, set labels |
| Diagrams → List | Search, filter, duplicate, archive existing diagrams |
| Diagrams → Import & Export | Move diagrams between stores via JSON |
| Assignments | Tie a diagram to one or more products |
| Product Diagrams | Per-product view of which diagrams render where |
| Storefront Preview | Verify changes before they hit shoppers |
| Analytics | Hotspot impressions, clicks, add-to-cart, conversion |
| Settings → Storefront | Layout, hover, prices, SKU, ATC visibility, swatches |
| Settings → Shop | Shop-wide preferences |
| Settings → Billing | Subscription, usage caps, plan changes |
Source-of-truth rules¶
A few choices the app makes are worth knowing up front:
Storefront display lives in Settings → Storefront, not the theme editor
Things like layout, hover effect, "show prices", "show SKU", "show variant selector", and "show add-to-cart" are configured once, in Settings → Storefront, and apply to every block on the storefront.
The Parts Diagram block in the theme editor exposes only the API base URL — by design. This avoids the "ghost control" problem where two settings disagree and one silently wins.
See Storefront settings for the full list of toggles.