Might I ask for the javascript to disable the remove item button in cart page for dawn theme please.
Topic summary
A user seeks to disable the remove button on the Dawn theme’s cart page, initially requesting a JavaScript solution.
Proposed Solutions:
- CSS approach: Add styling to
theme.liquid(above</body>tag) ortheme.cssfile to hide the remove button usingdisplay: none !important - Code snippets provided target the cart remove button element with CSS properties
Key Challenge:
- The user reveals they need to temporarily disable the button due to a Shopify bug, then re-enable it after page load completes
- The remove functionality appears to be implemented as a link rather than a traditional button element, complicating direct JavaScript
disable=trueapproach
Current Status:
- User questions whether click events can be removed and re-added via JavaScript after page load
- Discussion remains open with no confirmed resolution for the dynamic enable/disable requirement
1 Like
1 Like
Hey @zionlkc
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @Moeed , due to a shopify bug I have to “disable” it and reenable it after page load complete, so css is the only way?
1 Like
Even if I provide you a Javascript, it will still use css properties so the simpler way is to use CSS directly.
Best Regards,
Moeed
Hi @01tranali is it possible to remove the click event and add back after page load complete..?
Hello @zionlkc
Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.
.cart-item cart-remove-button {
display: none !important;
}
