Alles wat u wilt weten voordat u installeert.
Een gedetailleerde blik op hoe Productcarrousel Module PrestaShop 8/9 — Onbeperkte Productsliders werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.
Productkaarten die eindelijk uw thema respecteren
De meeste carrouselmodules leveren hun eigen productkaart-HTML mee. Het resultaat: prijzen die uw weergaveregels negeren, ontbrekende kortingslabels, een dode snelweergaveknop en een stijl die om de verkeerde redenen opvalt. Product Carousel Pro rendert elk product via het miniatuur-template van uw actieve thema, gevoed door ProductAssembler en ProductPresenter, de interne mechanismen van PrestaShop. Wat u op een categoriepagina ziet, krijgt u exact in de carrousel: dezelfde prijzen, dezelfde labels, dezelfde snelweergave, dezelfde winkelwagenknop. Wissel morgen van thema en de carrousel volgt zonder één regel code.
Zes productbronnen, inclusief handmatige selectie
Elke carrousel kiest zijn bron: bestsellers, nieuwe producten, lopende aanbiedingen, producten uit een in de boom gekozen categorie, de homecategorie of handmatige selectie. In die laatste modus vindt een autocomplete-zoekfunctie uw producten op naam of referentie, en een simpele drag-and-drop bepaalt de volgorde: de front-office houdt zich daar letterlijk aan. U begrenst het aantal geladen producten per carrousel, en inactieve of verborgen producten worden automatisch weggefilterd.
Elke positie, inclusief uw eigen hooks
Zes standaardhooks dekken de klassieke posities: homepage, boven- en onderkant van de content, vóór de footer, onderaan de productpagina, winkelwagen. Maar de echte troef is de custom hook: typ een naam in het formulier, de module registreert hem ter plekke, en u plaatst {hook h='displayMijnCarrousel'} waar u maar wilt in uw templates. Meerdere carrousels kunnen dezelfde hook delen, gesorteerd op positie. En de widget-syntaxis {widget name='dfproductcarousel' carousel=3} spreekt één specifieke carrousel aan, handig op een CMS-pagina of in een maatwerktemplate.
Een verzorgde schuifmotor, zonder jQuery
De motor is geschreven in vanilla JavaScript: kolommen herberekend per responsive breekpunt (de desktop-, tablet- en mobielwaarden die u koos), schuiven per product of per volledige rij, vloeiende oneindige lus dankzij transparant klonen van de uiteinden, autoplay die pauzeert bij hover en bij een verborgen tabblad, touch- en muis-swipe met bescherming tegen onbedoelde klikken, toetsenbordnavigatie, RTL-ondersteuning en respect voor prefers-reduced-motion. Een CSS-blok per instantie past de responsive kolommen toe nog vóór het script laadt: nul layoutverschuiving bij de eerste render.
Vijf skins en fijnmazige instellingen, zonder het thema aan te raken
De klassieke skin laat uw productkaarten strikt ongemoeid. Minimaal maakt ze vlak, Kaart tilt ze op met schaduw en afgeronde hoeken, Omlijning kadert ze fijntjes in, en Donkere sectie zet de carrousel op een donkere achtergrond die prachtig oogt op een homepage. Voeg de titeluitlijning toe, de ondertitel, de accentkleur (geërfd van uw thema als u er geen kiest), de tussenruimte tussen producten, drie pijlstijlen, twee pagineringsstijlen en de volledige-breedtemodus: elke carrousel krijgt zijn eigen karakter, en uw thema wordt nooit gewijzigd.
Er zijn nog geen beoordelingen.