I am trying to: Figure out why the plus and minus icons are not effecting change on the product pages. they do nothing. There is also 'up' and 'down' arrows though which do work.
Link to a page where the issue can be seen: hidden link
To view the site use PW: grouperWILD2021
I expected to see:
The product quantity change
Instead, I got: nothing
Hello, I have been debugging this issue and I have determined that the reason the plus and minus buttons are not working in the Toolset template version is that some CSS classes are applied to the number input field incorrectly when Toolset types is open. If you are familiar with the browser inspector tools you can see that the CSS classes applied to the quantity input field are listed as "input-text*qty*text" in the Toolset version, but in the non-Toolset version they are correctly listed as "input-text qty text" (screenshot attached here). For some reason I'm not fully aware of, Toolset is placing asterisks between these CSS classnames instead of spaces. The plus and minus buttons are added by Kadence, after a bit of digging I was able to find the setting responsible for showing these buttons in Appearance > Customizer > WooCommerce > Single Product Layout > General tab > "Use Custom Quantity Plus and Minus". I activated this option and was able to see the plus/minus buttons in my local test site as well as the same problem you experienced where the buttons do not adjust the product quantity and also seem to be cause some styling issues.
A fix you can try now, without needing to wait for changes in our software:
- Edit the Toolset Content Template and select the Add to Cart block. In the sidebar, toggle open the Block Output panel and choose the option "WooCommerce Native Output". In my local site this restores the plus/minus button functionality, but it also impacts the button styles. I can't say for sure how it will impact the styles on your site, but we can try to add CSS fixes if necessary after the change. Let me know if you need a hand with that. I'll let you know as I receive more information about the CSS classnames being concatenated incorrectly. For now, it seems the workaround is necessary.
This should solve the problem where CSS classnames are concatenated incorrectly in the Toolset Add to Cart block output. Please install the patch and let me know if the problem is not resolved.