Tutto quello che vorresti sapere prima di installare.
Uno sguardo dettagliato su come funziona Modulo Carosello Prodotti PrestaShop 8/9 — Slider Prodotti Illimitati, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.
Schede prodotto che finalmente rispettano il vostro tema
La maggior parte dei moduli carosello include il proprio HTML di scheda prodotto. Il risultato: prezzi che ignorano le vostre regole di visualizzazione, flag sconto assenti, un pulsante di vista rapida inerte e uno stile che stona. Product Carousel Pro renderizza ogni prodotto con il template di miniatura del vostro tema attivo, alimentato da ProductAssembler e ProductPresenter, i meccanismi interni di PrestaShop. Quello che vedete in una pagina categoria è esattamente quello che ottenete nel carosello: stessi prezzi, stessi flag, stessa vista rapida, stesso aggiungi al carrello. Cambiate tema domani e il carosello vi segue senza una sola riga di codice.
Sei fonti di prodotti, inclusa la selezione a mano
Ogni carosello sceglie la propria fonte: bestseller, novità, offerte in corso, prodotti di una categoria scelta nell'albero, la categoria home o la selezione manuale. In quest'ultima modalità, una ricerca autocomplete trova i vostri prodotti per nome o riferimento, e un semplice drag and drop ne fissa l'ordine: il front-office rispetta quell'ordine alla lettera. Limitate il numero di prodotti caricati per carosello, e i prodotti disattivati o nascosti vengono filtrati automaticamente.
Qualsiasi posizione, inclusi i vostri hook
Sei hook standard coprono le posizioni classiche: home page, parte alta e bassa del contenuto, prima del footer, fondo della scheda prodotto, carrello. Ma il vero asso è l'hook personalizzato: digitate un nome nel modulo, viene registrato al volo, e posizionate {hook h='displayMioCarosello'} dove preferite nei vostri template. Più caroselli possono condividere lo stesso hook, ordinati per posizione. E la sintassi widget {widget name='dfproductcarousel' carousel=3} punta a un carosello preciso, comoda in una pagina CMS o in un template su misura.
Un motore di scorrimento curato, senza jQuery
Il motore è scritto in JavaScript vanilla: colonne ricalcolate per breakpoint responsive (i valori desktop, tablet e mobile che avete scelto), scorrimento per prodotto o per riga completa, loop infinito fluido grazie alla clonazione trasparente delle estremità, autoplay con pausa al passaggio del mouse e a scheda nascosta, swipe touch e mouse con protezione dai clic accidentali, navigazione da tastiera, supporto RTL e rispetto di prefers-reduced-motion. Un blocco CSS per istanza applica le colonne responsive prima ancora del caricamento dello script: zero spostamenti di layout al primo rendering.
Cinque skin e regolazioni fini, senza toccare il tema
Lo skin classico lascia le vostre schede prodotto rigorosamente intatte. Minimal le appiattisce, Card le solleva con ombra e angoli arrotondati, Contorno le incornicia finemente, e Sezione scura posa il carosello su uno sfondo scuro di grande effetto in home page. Aggiungete l'allineamento del titolo, il sottotitolo, il colore di accento (ereditato dal tema se non ne scegliete uno), la spaziatura tra prodotti, tre stili di frecce, due stili di paginazione e la modalità larghezza piena: ogni carosello ha la sua personalità, e il vostro tema non viene mai modificato.
Ancora non ci sono recensioni.