Hello, having a bit of bad luck here.
Reddit spam filter apparently flagged a couple of my posts, and I think maybe nobody’s replying to the other one. So I’ll give this one final try, if you can help, or tell me where to gt help, I’d be much appreciated.
Image shows the element\_link CSS classes which I’d like to show up, but also with ‘inactive’ on them.
Using WooCommerce here. With Composite Products and Product bundles to offer a wizard-like flow. Pagination elements get activated after the user selects the minimum quantities for each product in bundle with number inputs, allowing them to advance to the next phase. This happens by making the elements and link ‘inactive’, and then the ‘inactive’ class is removed to make it change color as soon as the item minimum count is reached.
This experience doesn’t work on mobile, select boxes are the way, so I’ve resorted to getting some code for that, unfortunately I don’t think I can post the link here, as that may be what’s triggering the post’s spam filter. Regardless, select boxes do come up, and by changing a few elements, I get the right quantities in the right elements.
My problem is, the pagination elements and their link are all now ‘active’ (showing up in the CSS class names in picture), breaking the wizard-like experience, as they were deactivated and got active after selecting the correct amount. In my view, WordPress / WooCommerce should have been able to pick up that the quantities have changed, regardless of the element that triggers the quantity change.
Is it using some kind of JavaScript to pick on the quantity change?
Would be happy if you could help, as I’ve tried previously to post, and couldn’t do it.
Thanks for reading.
​
EDIT: clarification, added image.
[ad_2]