Passa al contenuto principale

Collezioni

Le Collezioni rappresentano la struttura portante della navigazione di uno store Webround Commerce. Se i filtri e le condizioni sono gli strumenti logici di ricerca, le collezioni sono la loro applicazione strategica e visiva: servono a segregare il catalogo in sezioni logiche e navigabili, definendo l'alberatura del sito.

In termini tecnici, una collezione non è altro che una pre-applicazione di filtri salvata sotto un nome e un percorso specifico.

Struttura Gerarchica e Navigazione​

Webround permette di creare collezioni a più livelli di profondità. Questa gerarchia non è solo estetica, ma agisce in modo cumulativo sulla selezione dei dati.

Quando un utente naviga attraverso una gerarchia di collezioni, il sistema applica tutti i filtri di ogni livello in modalità AND.

Esempio: Il percorso "Abbigliamento / Scarpe / Da Corsa"​

Immaginiamo la seguente struttura:

  1. Abbigliamento (Filtro: TagValue = Abbigliamento)
  2. Scarpe (Filtro: TagValue = Scarpe)
  3. Da Corsa (Filtro: TagValue = Running)

Se l'utente clicca su "Da Corsa", il sistema non mostrerà semplicemente tutti i prodotti per la corsa, ma solo quelli che soddisfano contemporaneamente: Abbigliamento AND Scarpe AND Da Corsa.

Questo comportamento permette di generare automaticamente dei Breadcrumb (briciole di pane) precisi e di garantire che l'utente non "esca" mai dal contesto logico in cui si trova.

suggerimento

Crea bellissimi componenti di navigazione utilizzando codice React e aiutandoti con le utilities dentro wr.shop per navigare facilmente verso le collezioni inserendo semplicemente l'ID della collezione desiderata.

Collezioni Dinamiche e Parametriche​

La potenza delle collezioni risiede nella possibilità di utilizzare qualsiasi condizione (Tag, Attributi, Prezzi) per definire segmenti di mercato specifici.

  • Esempio Auto: Vendita / Auto Usate / Sotto i 100.000 km.
    • Qui l'ultimo livello non è un tag statico, ma un filtro di tipo <= sull'Attributo "Chilometri" con valore 100.000.
  • Esempio Outlet: Puoi creare una collezione "Offerte Shock" che applica un filtro di tipo range sul Prezzo (es. tra 0€ e 20€) incrociato con un tag "Outlet".

Interazione con la Ricerca e i Filtri UI​

Navigare in una collezione significa impostare un "perimetro di gioco". Ogni azione successiva dell'utente avverrà esclusivamente all'interno di quel set di dati:

  1. Ricerca Testuale: Se l'utente si trova nella collezione "Scarpe da Corsa" e cerca "Nike", il sistema restituirà solo le Nike che sono scarpe da corsa. Non mostrerà felpe o scarpe da calcio, perché la collezione sta già filtrando il database a monte.
  2. Filtri Laterali (Sidebar): Se dentro una collezione selezioni un Tag Value (es. Colore Rosso), stai aggiungendo un'ulteriore condizione in AND a quelle della collezione.
    • Risultato: Prodotti della collezione X AND Colore Rosso.
  3. Filtri Range: Lo stesso vale per i prezzi o gli attributi numerici. Se l'utente usa uno slider prezzi dentro una collezione, lo slider agirà solo sui prodotti già selezionati dalla collezione stessa.
Segregazione Logica

Le collezioni trasformano un database piatto di migliaia di prodotti in un negozio organizzato. Grazie alla flessibilità di Webround, puoi creare collezioni basate su stagionalità, promozioni lampo o specifiche tecniche, senza dover mai spostare fisicamente i prodotti: basta cambiare o aggiungere una condizione al filtro della collezione.