Temaets +/- antalsknapper ændrer ikke det valgte tilbud

Hvis dit temas antalsknapper ikke ændrer det valgte tilbud, skal du først kontrollere, hvilken antalskontrol din rabat bruger. Et indtastet antal, der reduceres til et niveau, er noget andet end en knap, der aldrig sender en opdatering til widgetten.

Jeg indtastede 8, men kurven modtog 6

I den normale opsætning uden Bundlex' egen antalsvælger navigerer temaets input mellem de konfigurerede niveauer. Et nøjagtigt antal på et niveau kan vælge det pågældende kort, mens et antal mellem to niveauer kan lade det aktuelle tilbud være valgt. Når varen lægges i kurven, bruges tilbuddets antal. Hvis du indtaster 8, mens Køb 6 er valgt, er det ikke sikkert, at der tilføjes 8 varer.

Hvis kunderne skal kunne vælge fleksible antal, skal du aktivere Antalsvælger under rabattens fane Tilføjelser, når den er tilgængelig. Den fungerer sammen med abonnementer. Hvis den er deaktiveret, angiver dashboardet den indstilling, der blokerer den. Se indstillinger, den ikke kan kombineres med.

Når Bundlex' antalsvælger er aktiv, afspejler temaets input resultatet af den i stedet for at styre et andet antal. Nogle butikker har en separat opsætning med den indbyggede antalsvælger til almindelige niveauer, som supportteamet har aktiveret. Det er ikke standarden. Se temaets adfærd for antal.

Hvis valgfrit valg af tilbud er aktiveret, og intet tilbud er valgt, fungerer temaets kontroller normalt og navigerer ikke mellem tilbudskortene. Kontrollerne nedenfor vedrører et aktivt tilbud i opsætningen med niveaunavigation.

Sådan skal synkroniseringen fungere

Der er to retninger, du skal være opmærksom på:

• Tilbud til antal: Når en kunde klikker på et tilbud, f.eks. Køb 1, Køb 2 eller Køb 3, indstiller widgetten temaets antalsinput til tilbuddets antal. Det afhænger af, at Bundlex finder det korrekte antalsinput.
• Antal til tilbud: Når en kunde ændrer antallet med temaets +/- knapper eller ved at indtaste et antal, skal widgetten registrere den nye værdi og vælge det tilbud, hvis antal matcher nøjagtigt.

Den anden retning kan svigte, når temaet ændrer inputtet uden at udløse en hændelse, eller når widgetten overvåger et andet antalsinput. Et antal, der ikke svarer til et niveau, beviser ikke i sig selv, at der er et hændelsesproblem, og garanterer ikke, at tilbuddet er fravalgt.

Hvorfor +/- knapperne ikke opdaterer tilbuddet

Widgetten lytter efter native change- og input-hændelser på antalsinputtet. Normal indtastning udløser typisk disse hændelser, men et temas tilpassede +/- knap gør det muligvis ikke.

Mange temaer implementerer dog deres +/- knapper ved at indstille inputtets værdi direkte i JavaScript, f.eks. input.value = newValue. En værditildeling på denne måde udløser ikke change- eller input-hændelser. Tallet ændres på skærmen, men ingen hændelse sendes, så widgetten opdager aldrig, at antallet er ændret, og det valgte tilbud forbliver, hvor det var.

Dette er ikke specifikt for et bestemt framework. Enhver programmatisk værditildeling springer hændelserne over. Kun ægte brugerinteraktion, f.eks. indtastning, udløser dem. Temaer, der er bygget på Shopifys <quantity-input>-custom element, som bruges af Dawn, sender en change-hændelse efter opdatering af værdien. Derfor fungerer disse temaer direkte fra start.

Sådan bekræfter du, at dette er årsagen

1. Åbn browserens udviklerværktøjer, F12 eller Cmd+Option+I på Mac, og gå til fanen Konsol.
2. Klik på en +/- knap på produktsiden.
3. Prøv et antal, der nøjagtigt matcher et tilgængeligt tilbud. Hvis tallet ændres, men det valgte tilbud ikke gør, skal du bede din temaudvikler kontrollere, om knappen sender en change- eller input-hændelse på det antalsinput, som Bundlex overvåger.

Temaer, der typisk rammes af dette, bruger brugerdefinerede +/--knapper, som indstiller værdien direkte, i stedet for Shopifys <quantity-input>-webkomponent.

Løsningen: udløs en change-hændelse

Denne løsning ligger i temaet, så det er en hurtig ændring for den, der vedligeholder temakoden. Bed din temaudvikler om at udløse en change-hændelse lige efter, at +/--handleren har indstillet den nye antalsværdi:

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

Her er input det antalsinputelement, der opdateres. Det underretter scripts, der lytter efter denne hændelse, herunder Bundlex. Test temaets antalsknapper og kurv efter ændringen.

Tilfældet med det duplikerede antalsinput, sticky-kurvlinjer

Nogle temaer tilføjer en sticky eller fast "Læg i kurv"-linje, der duplikerer produktformularen, herunder et ekstra antalsinput. Begge input deler ofte det samme name="quantity" og nogle gange endda det samme id. Bundlex' standardvælger, input[name="quantity"], kan derfor knytte sig til det forkerte input, så tilbuddet og hovedformularens antal aldrig stemmer overens.

Sådan bekræfter du, at der er dubletter

1. Åbn udviklerværktøjerne, og gå til fanen Console.
2. Kør: document.querySelectorAll('input[name="quantity"]').length
3. Hvis resultatet er større end 1, har din side mere end ét antalsinput.

Løsningen: en brugerdefineret vælger til antalsinput

Peg kun Bundlex på hovedformularens antalsinput, og udeluk den sticky linje. Kontakt support med produkt-URL'en for at få en ny vælgerløsning. Support kan konfigurere den i butikkens widgetindstillinger. Hvis du har brug for at undersøge en ældre vælger, der allerede er gemt i appens embed, findes den her:

1. Åbn Theme Editor i din Shopify-administrator.
2. Gå til App embeds, og find Bundlex Bundles.
3. Aktivér Show advanced settings, og indstil derefter Quantity input selector til en vælger, der kun målretter hovedformularens antalsinput.

Den præcise vælger afhænger af dit tema. Her er to eksempler, der fungerer med nogle temaer:

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

Hvis ingen af vælgerne fungerer med dit tema, skal du dele URL'en til produktsiden med support, så den rigtige vælger kan identificeres. Hvis support tidligere har konfigureret en tilsidesættelse, kan den have forrang frem for temafeltet.

Hvornår du skal kontakte support

Hvis du har bekræftet, at +/--knapperne ændrer værdien uden at udløse en hændelse, eller at der findes duplikerede antalsinput, og løsningerne ovenfor ikke løser problemet, skal du kontakte support med URL'en til produktsiden. Det er også en hjælp at inkludere eventuelle [Bundlex]-meddelelser fra browserens konsol samt HTML-koden for produktformularen.