PrestaShop Gratuito

Pulsanti +/- Quantità nella Scheda Prodotto — PrestaShop 8 & 9

Veri pulsanti + e − attorno al campo quantità, senza toccare il tuo tema

Sostituisci lo scomodo campo quantità nativo di PrestaShop con veri pulsanti + e − adatti al touch nella scheda prodotto. Nessun override del template, compatibile con il tema Classic e i temi personalizzati.

PrestaShop 8 & 9 Nessun override del template Touch / mobile Gratuito
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
www.datafirefly.com/it/
Boutons +/- de Quantité sur la Fiche Produit — PrestaShop 8 & 9
v1.1.0 · aggiornato 2026-06-05
Cosa fa

L' versione breve.

01

Veri pulsanti + e − adatti al touch

Ampie aree di tocco su ciascun lato del campo quantità, molto più comode delle minuscole frecce native, soprattutto su mobile.

02

Zero override del template

Nessun file del tema sovrascritto: il modulo racchiude il campo esistente tramite iniezione JavaScript. Compatibile con Classic e temi personalizzati, a prova di aggiornamento.

03

Sincronizzazione corretta con il carrello

Il valore viene applicato e PrestaShop notificato tramite eventi nativi e jQuery: prezzo, combinazioni e pulsante del carrello reagiscono normalmente. Reiniezione dopo cambio di combinazione.

04

Rispetta stock, minimo e passo

I pulsanti leggono gli attributi del campo: nessuna discesa sotto il minimo, nessun superamento dello stock disponibile quando è limitato.

05

Colori e stile personalizzabili

Stile quadrato o arrotondato, colore di sfondo e colore delle icone regolabili dal back office. Occultamento opzionale delle frecce native.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Pulsanti +/- Quantità nella Scheda Prodotto — PrestaShop 8 & 9, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

Perché sostituire il campo quantità nativo?

Nella scheda prodotto, PrestaShop mostra un piccolo campo numerico che il cliente deve riempire da tastiera o tramite minuscole frecce difficili da centrare, soprattutto con il dito su uno smartphone. È un punto di attrito proprio prima dell'aggiunta al carrello. Veri pulsanti + e −, ampi e ben visibili, rendono la scelta della quantità immediata e naturale, sia su computer che su mobile.

§ 02

Come funziona il modulo

Il modulo non tocca alcun file del tema. Carica un foglio di stile e uno script leggeri solo nella scheda prodotto. Lo script individua il campo quantità esistente, lo racchiude in un gruppo di pulsanti e aggiunge un + e un −. Questo approccio per iniezione lo rende compatibile con il tema Classic e con i temi personalizzati, e lo protegge dagli aggiornamenti di PrestaShop poiché nessun template viene sovrascritto.

§ 03

Il caso del tema Classic e bootstrap-touchspin

Il tema Classic arricchisce già il campo quantità con bootstrap-touchspin, che aggiunge due piccole frecce verticali. Senza precauzioni, ci si ritroverebbe con quelle frecce in aggiunta ai nuovi pulsanti. Il modulo neutralizza in modo pulito le frecce touchspin all'interno del proprio gruppo, mantenendo solo i + e − ben leggibili, senza duplicati né spostamenti di layout.

§ 04

Una sincronizzazione affidabile con il carrello

Cambiare la quantità non basta: PrestaShop deve anche tenerne conto. A ogni clic il modulo applica il nuovo valore e poi attiva gli eventi attesi, sia nativi sia jQuery, esattamente come se il cliente avesse digitato il numero. Il prezzo totale, le combinazioni e il pulsante di aggiunta al carrello reagiscono normalmente. Dopo un cambio di combinazione, che ricostruisce il blocco quantità, i pulsanti vengono reiniettati automaticamente.

§ 05

Rispetto dello stock e dei vincoli di prodotto

I pulsanti non incrementano alla cieca: leggono la quantità minima, la quantità massima e il passo definiti sul campo. Il cliente non può scendere sotto il minimo richiesto né ordinare oltre lo stock disponibile quando è limitato. Il comportamento resta coerente con le regole del tuo negozio.

§ 06

Personalizzazione senza codice

Dalla pagina di configurazione del modulo scegli lo stile dei pulsanti (quadrato o arrotondato), il colore di sfondo e il colore delle icone + e −, e decidi se nascondere le frecce native del campo numerico. Così il modulo si integra visivamente nella tua identità di marca, senza scrivere una sola riga di codice.