Collection
Rappresenta l'entità Collezione del tuo store. Le collezioni sono organizzate in una struttura ad albero (gerarchica) e vengono utilizzate per navigare nel catalogo e raggruppare i prodotti.
Definizione Collection
| Proprietà | Tipo | Descrizione |
|---|---|---|
| id | string (UUID) | Identificativo univoco della collezione. |
| name | string | Nome della collezione. |
| slug | string | Parte dell'URL utilizzata per navigare alla collezione (SEO-friendly). |
| parentId | string | null | ID della collezione genitore (null se è una collezione radice). |
| position | number | Ordine di visualizzazione rispetto alle altre collezioni nello stesso livello. |
| visible | boolean | Indica se la collezione deve essere mostrata nel front-end. |
| filterIds | string[] | Array di ID dei filtri pre-applicati a questa collezione. |
| children | Collection[] | Ricorsivo: Array di collezioni figlie contenute in questa collezione. |
Struttura Ricorsiva
L'entità Collection è progettata per supportare profondità illimitate. La proprietà children contiene un array di oggetti che seguono la stessa interfaccia Collection, permettendo di mappare l'intero albero del catalogo (es. Uomo > Scarpe > Sneakers).
Esempio di oggetto
{
"id": "ee91d632-ca63-400e-b93d-4369c080da4e",
"name": "Abbigliamento",
"slug": "abbigliamento",
"parentId": null,
"position": 0,
"visible": true,
"filterIds": [
"7d88d702-0684-411f-89ba-5ab13c06fa51"
],
"children": [
{
"id": "ae087773-3708-4c61-b72e-426a7580cc90",
"name": "T-Shirt",
"slug": "t-shirt",
"parentId": "ee91d632-ca63-400e-b93d-4369c080da4e",
"position": 0,
"visible": true,
"filterIds": [],
"children": []
}
]
}
Navigazione
Puoi utilizzare le utilities in wr.shop per cambiare contesto nel catalogo, come wr.shop.navigateToCollection(collectionId)