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
Option A
Box hierarchy
A clear stacked hierarchy showing standalone collections, collections inside catalogs, and the products inside each collection.
0 catalogs
0 collections • 0 products
Library
Standalone collections
Option B
Network map
A graph-style view that shows how products branch from collections, and how collections branch from catalogs. It is designed for scanning relationships fast.
Root
Catalogs
Each catalog can contain multiple collections.
Middle layer
Collections
Collections can either live inside a catalog or in the standalone library.
Standalone library
0Leaves
Products
Products are always attached through a collection, and each one stores its own focus circle.
Option C
Merch planning board
A production-board view for planning what exists already, what belongs to a campaign catalog, and where new work should be added next.
Creative option
More editorial and campaign-oriented
Create
Start new
Campaign shelf
Catalogs and collections
Asset shelf
Collections and products
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.