Prodotti in home: due modi di sfogliarli
Entrambi sono vivi: trascina con il dito o con il mouse, usa le frecce. A destra la stessa cosa a 375 px. Sotto ogni concept trovi le tre schede successive già in vista di lato, così si capisce che si può sfogliare.
1
Riga piatta a scatti
Scroll nativo orizzontale con snap, frecce su desktop, swipe su mobile. Stesso componente per i due temi, cambia solo lo stile delle schede.
JS: solo le due frecce (scrollBy). Su mobile lo swipe è del browser. Le schede fuori vista si caricano quando entrano.
2
Coverflow (JS di Gibertini) sul tema Notte
Scheda centrale in primo piano, laterali in prospettiva, trascinamento con inerzia. Farina resterebbe con la riga piatta del concept 1.
Notte · desktop
Dal forno
Sette prodotti, una farina.
375 px
Dal forno
Sette prodotti, una farina.
JS: coverflow.js di Gibertini (182 righe, nessuna dipendenza). Tutte le 7 foto si caricano subito perché sono tutte in scena. La cella "marchio" andrebbe spostata in una fascia sotto.