Todo lo que querrías saber antes de instalar.
Una mirada detallada a cómo funciona Módulo Carrusel de Productos PrestaShop 8/9 — Sliders Ilimitados, por qué lo construimos así y la lógica detrás de las características anteriores.
Fichas de producto que por fin respetan su tema
La mayoría de los módulos de carrusel incluyen su propio HTML de ficha de producto. El resultado: precios que ignoran sus reglas de visualización, etiquetas de descuento ausentes, un botón de vista rápida inoperativo y un estilo que desentona. Product Carousel Pro renderiza cada producto con la plantilla de miniatura de su tema activo, alimentada por ProductAssembler y ProductPresenter, los mecanismos internos de PrestaShop. Lo que ve en una página de categoría es exactamente lo que obtiene en el carrusel: mismos precios, mismas etiquetas, misma vista rápida, mismo añadir al carrito. Cambie de tema mañana y el carrusel le sigue sin una sola línea de código.
Seis fuentes de productos, incluida la selección a mano
Cada carrusel elige su fuente: más vendidos, novedades, ofertas vigentes, productos de una categoría elegida en el árbol, la categoría de inicio o la selección manual. En este último modo, una búsqueda autocomplete encuentra sus productos por nombre o referencia, y un simple arrastrar y soltar fija su orden: el front-office respeta ese orden al pie de la letra. Usted limita el número de productos cargados por carrusel, y los productos inactivos u ocultos se filtran automáticamente.
Cualquier ubicación, incluidos sus propios hooks
Seis hooks estándar cubren las ubicaciones clásicas: página de inicio, parte superior e inferior del contenido, antes del pie de página, parte baja de la ficha de producto, carrito. Pero la verdadera baza es el hook personalizado: escriba un nombre en el formulario, el módulo lo registra al vuelo y usted coloca {hook h='displayMiCarrusel'} donde quiera en sus plantillas. Varios carruseles pueden compartir el mismo hook, ordenados por posición. Y la sintaxis widget {widget name='dfproductcarousel' carousel=3} apunta a un carrusel concreto, muy útil en una página CMS o una plantilla a medida.
Un motor de desplazamiento cuidado, sin jQuery
El motor está escrito en JavaScript vanilla: columnas recalculadas por punto de ruptura responsive (los valores de escritorio, tablet y móvil que usted eligió), desplazamiento por producto o por fila completa, bucle infinito fluido gracias al clonado transparente de los extremos, autoplay con pausa al pasar el ratón y con la pestaña oculta, swipe táctil y de ratón con protección contra clics accidentales, navegación por teclado, soporte RTL y respeto de prefers-reduced-motion. Un bloque CSS por instancia aplica las columnas responsive antes incluso de cargar el script: cero desplazamiento de maquetación en el primer renderizado.
Cinco skins y ajustes finos, sin tocar el tema
El skin clásico deja sus fichas de producto estrictamente intactas. Minimal las aplana, Tarjeta las eleva con sombra y esquinas redondeadas, Contorno las enmarca finamente, y Sección oscura coloca el carrusel sobre un fondo oscuro que luce de maravilla en una página de inicio. Añada la alineación del título, el subtítulo, el color de acento (heredado de su tema si lo deja vacío), el espaciado entre productos, tres estilos de flechas, dos estilos de paginación y el modo ancho completo: cada carrusel tiene su personalidad, y su tema nunca se modifica.
No hay valoraciones aún.