Collections Replacement
Merch studio for catalogs, collections, products, and image focus.
Build catalog structure on the left, edit the active collection in the middle, and place product focus points by tapping the image instead of typing coordinates.
Catalogs
0
Collections
0
Products
0
Collection Editor
Select a collection
Tap or drag on the image to place the selected product focus. The editor only stores position and zoom on the collection-product edge, so the public view always zooms into the original collection image.
Standalone library
Choose a collection to begin
Catalog Editor
No catalog selected
Workspace Snapshot
Current structure
The editor above is the primary interaction surface. This summary keeps the current selection visible without rendering multiple duplicate full-page relationship views.
0 catalogs
0 collections • 0 products
Selected catalog
Standalone library
0 standalone collections are available.
Selected collection
No collection selected
Choose a collection from the left rail to edit details and image focus.
Selected product
Creating a new product
Select a collection to start creating or editing a product.
Focus Picker
Tap the image to place the zoom
Products In Collection
Tagged products
Product Editor
Create product
Brand selection
Pick an existing brand from search results. This only stores the chosen label on the product and does not create a brand.
Image focus zoom
Use the slider, then tap the image to place the area.
1.6x
Data Model
How this editor maps to your schema
Catalogs
Catalogs group multiple collections. This page surfaces total products per catalog by aggregating the products inside those collections.
Collections
Collections own the hero image. Every hotspot preview below that image references the full collection image instead of creating cropped assets.
Collection ↔ Product edge
The tap-to-place editor writes `circlePositionX`, `circlePositionY`, and `circleZoom` on `collectionProductHas`, which is what the updated view queries now consume.