Todo lo que querrías saber antes de instalar.
Una mirada detallada a cómo funciona Botones +/- de Cantidad en la Ficha de Producto — PrestaShop 8 & 9, por qué lo construimos así y la lógica detrás de las características anteriores.
¿Por qué sustituir el campo de cantidad nativo?
En la ficha de producto, PrestaShop muestra un pequeño campo numérico que el cliente debe rellenar con el teclado o mediante diminutas flechas difíciles de acertar, sobre todo con el dedo en un smartphone. Es un punto de fricción justo antes de añadir al carrito. Unos botones + y − reales, amplios y bien visibles, hacen que elegir la cantidad sea inmediato y natural, tanto en ordenador como en móvil.
Cómo funciona el módulo
El módulo no toca ningún archivo del tema. Carga una hoja de estilos y un script ligero solo en la ficha de producto. El script localiza el campo de cantidad existente, lo envuelve en un grupo de botones y añade un + y un −. Este enfoque por inyección lo hace compatible con el tema Classic y con temas personalizados, y lo protege de las actualizaciones de PrestaShop porque no se sobrescribe ninguna plantilla.
El caso del tema Classic y bootstrap-touchspin
El tema Classic ya enriquece el campo de cantidad con bootstrap-touchspin, que añade dos pequeñas flechas verticales. Sin precaución, acabaría con esas flechas además de los nuevos botones. El módulo neutraliza limpiamente las flechas touchspin dentro de su propio grupo, conservando solo los + y − bien legibles, sin duplicado ni desplazamiento del diseño.
Una sincronización fiable con el carrito
Cambiar la cantidad no basta: PrestaShop también debe tenerlo en cuenta. En cada clic el módulo aplica el nuevo valor y luego dispara los eventos esperados, tanto nativos como jQuery, exactamente como si el cliente hubiera escrito el número. El precio total, las combinaciones y el botón de añadir al carrito reaccionan con normalidad. Tras un cambio de combinación, que reconstruye el bloque de cantidad, los botones se reinyectan automáticamente.
Respeto del stock y las restricciones del producto
Los botones no incrementan a ciegas: leen la cantidad mínima, la cantidad máxima y el paso definidos en el campo. El cliente no puede bajar del mínimo requerido ni pedir más del stock disponible cuando está acotado. El comportamiento se mantiene coherente con las reglas de su tienda.
Personalización sin código
Desde la página de configuración del módulo elige el estilo de los botones (cuadrado o redondeado), el color de fondo y el color de los iconos + y −, y decide si oculta las flechas nativas del campo numérico. Así el módulo se integra visualmente en su identidad de marca, sin escribir ni una línea de código.
No hay valoraciones aún.