Why is product quantity increasing by 2 or 4 on my site, not 1?

Technical Q&A
1

Hi there,

Our site quantity field on the product pages is increasing by 2, sometimes 4, instead of 1. Despite my best attempts and after reading through similar posts, I haven’t been able to identify the issue. We’re using the Pipeline theme and the site is live. We’d appreciate any suggestions! Cheers.

https://www.bettertogive.co.nz/products/christmas-visits

2

Hello @KarebouDesign ,

You are in right direction it’s working with JavaScript but to disable it you have to find the function and disable it. I checked your theme.js and custom.js but can’t find a clue so I suggest check in other JS files.

Thanks

3

Hi @KarebouDesign ,

Please go to Assets > custome.js file, find ‘quantity__button–plus’ and change code here:

Screenshot.png
Screenshot.png1289×651 56.6 KB

Code:

}), $(".quantity__button--plus").click(function() {
    var t = $(this).closest(".quantity__wrapper").find(".quantity__input");
    t.val(t.val() + 1)
}), $(".quantity__button--minus").click(function() {
    var t = $(this).closest(".quantity__wrapper").find(".quantity__input");
    t.val() > 1 && t.val(t.val() - 1)
})

Hope it helps!

4

Hi Litos,

Thanks for your help. Unfortunately the change didn’t fix the issue. The quantity now increases by 211 and decreases by 2.

5

You have multiple click events firing to increase/decrease your quantity selectors. Looks like this is handled in the theme.js file as well as in custome.js. Try removing the click events on these in the custome.js file.

6

Thanks for your help Gina-gregory. I removed the code from custome.js and this has improved the situation. The quantity increases from 1 to 3 but then increases by 1. Decreasing is working fine now.

7

Hi @KarebouDesign

We checked and saw that the quantity increase event is firing twice, so can you kindly let us know what theme you’re using? We will help you check it more carefully

8

Hi @BSS-Commerce

The site is using the Pipeline theme but it’s been heavily customised by a previous developer.

Cheers.

9

Hi @KarebouDesign ,

Please change code:

}), $(".quantity__button--plus").click(function(e) {
    e.preventDefault();
    var t = $(this).closest(".quantity__wrapper").find(".quantity__input");
    t.val(t.val() + 1)
}), $(".quantity__button--minus").click(function(e) {
    e.preventDefault();
    var t = $(this).closest(".quantity__wrapper").find(".quantity__input");
    t.val() > 1 && t.val(t.val() - 1)
})

Hope it helps!

10

Hi Litos,

Thanks for your help. Thanks for your help. Unfortunately the change didn’t fix the issue. The quantity now increases by 211 and decreases by 2. Removing the code completely from custome.js helps as it only jumps from 1 to 3 and then to 4. Decreasing works normally. I think we’ll go with this solution for now. Thanks again for your help.

1 Like