I pulsanti +/- della quantità del tema non modificano l'offerta selezionata

Se i pulsanti della quantità del tema non modificano l'offerta selezionata, controlla innanzitutto quale controllo della quantità utilizza lo sconto. Una quantità digitata ridotta a un livello è diversa da un pulsante che non invia mai un aggiornamento al widget.

Ho digitato 8, ma nel carrello ne sono arrivati 6

Nella configurazione abituale senza il selettore di quantità di Bundlex, il campo del tema consente di passare tra i livelli configurati. Una quantità corrispondente esattamente a un livello può selezionare quella scheda, mentre una quantità intermedia può lasciare selezionata l'offerta corrente. Aggiungi al carrello utilizza quindi la quantità di quell'offerta. Digitare 8 con Acquista 6 selezionato non garantisce l'aggiunta di 8 articoli.

Per consentire ai clienti di scegliere quantità flessibili, attiva Selettore di quantità nella scheda Extra dello sconto, quando disponibile. Funziona insieme agli abbonamenti. Se è disattivato, la dashboard indica l'impostazione che lo blocca. Consulta impostazioni con cui non puoi combinarlo.

Quando il selettore di Bundlex è attivo, il campo del tema riflette il relativo risultato invece di controllare una seconda quantità. Alcuni negozi dispongono di una configurazione separata della quantità nativa abilitata dal supporto per i livelli semplici, ma non è l'impostazione predefinita. Consulta comportamento della quantità del tema.

Se la selezione facoltativa dell'offerta è attiva e non è selezionata alcuna offerta, i controlli del tema funzionano normalmente e non consentono di passare tra le schede delle offerte. I controlli seguenti riguardano un'offerta attiva nella configurazione con navigazione tra i livelli.

Come dovrebbe funzionare la sincronizzazione

Tieni presenti due direzioni:

• Dall'offerta alla quantità: quando un cliente fa clic su un'offerta, ad esempio Acquista 1, Acquista 2 o Acquista 3, il widget imposta il campo della quantità del tema sulla quantità dell'offerta. Questo dipende dalla capacità di Bundlex di trovare il campo della quantità corretto.
• Dalla quantità all'offerta: quando un cliente modifica la quantità con i pulsanti +/- del tema o digitandola, il widget dovrebbe rilevare il nuovo valore e selezionare l'offerta la cui quantità corrisponde esattamente.

La seconda direzione può interrompersi quando il tema modifica il campo senza inviare un evento o quando il widget controlla un campo della quantità diverso. Un numero non corrispondente a un livello, da solo, non dimostra che ci sia un problema con gli eventi e non garantisce che l'offerta venga deselezionata.

Perché i pulsanti +/- non aggiornano l'offerta

Il widget ascolta gli eventi nativi change e input sul campo della quantità. La digitazione normale attiva questi eventi, mentre il pulsante +/- personalizzato di un tema potrebbe non attivarli.

Molti temi, tuttavia, implementano i pulsanti +/- impostando direttamente il valore del campo tramite JavaScript, ad esempio input.value = newValue. L'assegnazione del valore in questo modo non attiva gli eventi change o input. Il numero cambia sullo schermo, ma non viene inviato alcun evento, quindi il widget non rileva la modifica della quantità e l'offerta selezionata rimane invariata.

Questo comportamento non è specifico di un framework. Qualsiasi assegnazione programmatica del valore ignora gli eventi. Solo una vera interazione dell'utente, come la digitazione, li attiva. I temi basati sull'elemento personalizzato <quantity-input> di Shopify, utilizzato da Dawn, inviano un evento change dopo aver aggiornato il valore. Per questo funzionano immediatamente.

Come confermare che questa è la causa

1. Apri gli strumenti per sviluppatori del browser, con F12 o Cmd+Option+I su Mac, e vai alla scheda Console.
2. Fai clic su un pulsante +/- nella pagina prodotto.
3. Prova una quantità che corrisponda esattamente a un'offerta disponibile. Se il numero cambia ma l'offerta selezionata no, chiedi allo sviluppatore del tema di verificare se il pulsante invia un evento change o input al campo della quantità monitorato da Bundlex.

I temi interessati usano in genere pulsanti +/- personalizzati che impostano direttamente il valore, invece del componente web <quantity-input> di Shopify.

La soluzione: inviare un evento change

Questa correzione riguarda il tema, quindi chi gestisce il codice del tema può applicarla rapidamente. Chiedi allo sviluppatore del tema di inviare un evento change subito dopo che il gestore +/- ha impostato il nuovo valore della quantità:

input.dispatchEvent(new Event('change', { bubbles: true }));

Qui input è l'elemento di input della quantità che viene aggiornato. In questo modo vengono informati gli script in ascolto per quell'evento, incluso Bundlex. Dopo la modifica, testa i pulsanti della quantità e il carrello del tema.

Il caso dell'input della quantità duplicato, barre del carrello fisse

Alcuni temi aggiungono una barra "Aggiungi al carrello" fissa o sticky che duplica il modulo prodotto, incluso un secondo input della quantità. Spesso entrambi gli input condividono lo stesso name="quantity" e talvolta anche lo stesso id. Il selettore predefinito di Bundlex, input[name="quantity"], può quindi collegarsi a quello sbagliato, impedendo all'offerta e alla quantità del modulo principale di corrispondere.

Come verificare la presenza di duplicati

1. Apri gli strumenti per sviluppatori e vai alla scheda Console.
2. Esegui: document.querySelectorAll('input[name="quantity"]').length
3. Se il risultato è maggiore di 1, nella pagina è presente più di un input della quantità.

La soluzione: un selettore personalizzato per l'input della quantità

Indica a Bundlex solo l'input della quantità del modulo principale, escludendo la barra fissa. Contatta l'assistenza e invia l'URL del prodotto per richiedere una correzione del selettore. L'assistenza può configurarla nelle impostazioni del widget del negozio. Se devi controllare un selettore legacy già salvato nell'incorporamento dell'app, lo trovi qui:

1. Nel pannello di controllo Shopify, apri l'Editor del tema.
2. Vai a Incorporamenti dell'app e trova Bundlex Bundles.
3. Attiva Mostra impostazioni avanzate, quindi imposta il Selettore dell'input della quantità su un selettore che punti solo all'input della quantità del modulo principale.

Il selettore esatto dipende dal tema. Ecco due esempi che funzionano su alcuni temi:

.product-form__item--submit input[name="quantity"]
form.shopify-product-form:not(#addtocart-sticky form) input[name="quantity"]

Se nessuno dei due selettori funziona con il tuo tema, condividi l'URL della pagina prodotto con l'assistenza, così potrà identificare il selettore corretto. Se l'assistenza ha già configurato una sovrascrittura, questa può avere la precedenza sul campo del tema.

Quando contattare l'assistenza

Se hai verificato che i pulsanti +/- modificano il valore senza attivare un evento, oppure che esistono input della quantità duplicati, e le soluzioni precedenti non risolvono il problema, contatta l'assistenza inviando l'URL della pagina prodotto. È utile includere anche eventuali messaggi [Bundlex] dalla console del browser e l'HTML del modulo prodotto.