All things Shopify and commerce
URL: https://jsdqft-gs.myshopify.com/cart
Increase and decrease button is not clickable.
Solved! Go to the solution
This is an accepted solution.
Sorry!
Please use this updated code
<script>
document.addEventListener("DOMContentLoaded", function () {
// Select all buttons with the specific class
const buttons = document.querySelectorAll('button.quantity__button');
// Loop through the buttons and remove the 'disabled' attribute
buttons.forEach(button => {
if (button.hasAttribute('disabled')) {
button.removeAttribute('disabled');
}
});
});
</script>
<style>
button.quantity__button {
pointer-events: visible !important;
}
</style>
Is this FOC?
Yes, it is 🙂
Helping for free: hello@untechnickle.com
Don't forget to say thanks, it'll make my day - just send me an email!
Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App
Hello @randytheasian ,
Edit theme.liquid search for </body>
Now here just before to it add this code
<script>
document.addEventListener("DOMContentLoaded", function () {
// Select all buttons with the specific class
const buttons = document.querySelectorAll('button.your-class');
// Loop through the buttons and remove the 'disabled' attribute
buttons.forEach(button => {
if (button.hasAttribute('disabled')) {
button.removeAttribute('disabled');
}
});
});
</script>
<style>
button.quantity__button {
pointer-events: visible !important;
}
</style>
Regards
Guleria
It didn't work
This is an accepted solution.
Sorry!
Please use this updated code
<script>
document.addEventListener("DOMContentLoaded", function () {
// Select all buttons with the specific class
const buttons = document.querySelectorAll('button.quantity__button');
// Loop through the buttons and remove the 'disabled' attribute
buttons.forEach(button => {
if (button.hasAttribute('disabled')) {
button.removeAttribute('disabled');
}
});
});
</script>
<style>
button.quantity__button {
pointer-events: visible !important;
}
</style>
Worked for 5 seconds, it stopped working
Please update the code with this one
<script>
document.addEventListener("DOMContentLoaded", function () {
setTimeout(() => {
// Select all buttons with the specific class
const buttons = document.querySelectorAll('button.quantity__button');
// Loop through the buttons and remove the 'disabled' attribute
buttons.forEach(button => {
if (button.hasAttribute('disabled')) {
button.removeAttribute('disabled');
}
});
}, 3000);
});
</script>
<style>
button.quantity__button {
pointer-events: visible !important;
}
</style>
btw I observe there is an app, I think booking one which disable the buttons.
You need to discuss the issue with them.
Regards
Guleria
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025