Woodmart Product Page Quantity Sync Issue
-
We are facing an issue on the single product page regarding the quantity fields.
The inline product quantity field and the sticky Add to Cart quantity field are not syncing with each other. If we increase or decrease the quantity from the main product section, the sticky quantity does not update automatically, and vice versa.
Issue details:
* Main product qty and sticky qty are working independently
* Quantity increase/decrease buttons are not syncing both fields
* Manual qty input is also not syncing
* Issue occurs on both desktop and mobile view
We have tested with the default Woodmart sticky Add to Cart functionality and would like to confirm whether this is expected behavior or if there is any official setting/fix available to sync both quantity fields automatically.
Could you please check and guide us on this?
Hello,
I have checked this on both your site and our test installation, and the quantity sync between the main product section and the sticky Add to Cart is working correctly.
As per the default behavior, both quantity fields are linked and should update each other automatically, and we were not able to reproduce the issue.
Best Regards
HI Team,
In TACC, we have implemented our own custom script logic to sync both quantity inputs. However, you can also take reference from the following website:
https://textbookcentre.com/shop/hltz-crepe-paper-fold-gold-50x150cm-253161/
This website is also built using the Woodmart theme. Please check the behavior:
After reloading the page, increase the quantity from the sticky section.
Then scroll up and add the product to the cart using the inline button.
You will notice that only 1 quantity is added to the cart. This shows that both quantity inputs are not synced when increasing or decreasing the quantity.
Let me know if you have any concerns.
Thanks,
Mayank Suthar
Hello,
Try to disable the custom layout for the single product page in Dashboard -> WoodMart -> Layouts and test how it works. Let me know if it helps.
Best Regards
Hi Team,
Its working without the custom layout selection, could you please assing why its will not support if we used the custom layout with woodmart widget.
Thanks,
Mayank Suthar
Hello,
Please try to add the below JS code in Theme Settings >> Custom JS >> On document ready section:
jQuery('.wd-sticky-btn-cart .qty').on('change', function() {
jQuery('.wd-single-add-cart .qty').val(jQuery(this).val());
});
jQuery('.wd-single-add-cart .qty').on('change', function() {
jQuery('.wd-sticky-btn-cart .qty').val(jQuery(this).val());
});
In the next update, we will fix it in the theme.
Best Regards.
.
