How do I remove the “Checkout Now” button from this pop up after i have added something to cart. As we want customers to checkout after viewing their cart first. I am using MeroxIO Optimized theme.
Topic summary
A user seeks to remove the “Checkout Now” button from the cart pop-up in the MeroxIO Optimized theme, wanting customers to view their cart before proceeding to checkout.
Initial Solution:
- Another participant provided CSS code to hide the button by adding it to the theme.css file
- The code successfully removed the button on desktop devices
Mobile Issue:
- The checkout button remained visible on mobile despite the desktop fix
- The helper reported not seeing the button on mobile, suggesting it may have been resolved
Current Status:
- The original user switched themes and the previous CSS solution no longer works
- They’re requesting updated code for the new theme (bookgrocer)
- Another user also reported the code didn’t work for them
Resolution: The discussion remains open with an unresolved request for a working solution compatible with the new theme.
Did you try this from the customization section? if it is not there then need to hide it with the code for that need to see your store, can you share the URL?
thanks for your help
Add this code in your theme.css file at the end to hide the checkout button from the cart popup.
#modalAddToCartProduct > div > div > div.modal-body > div.tt-modal-addtocart.desctope > div > div:nth-child(2) > a:nth-child(4){
display:none;
}
Thanks it worked perfectly ![]()
@Artzen_tech Thanks just got one more thing on a mobile device it still has the Checkout Now link.
Can you also help remove this for me as well?
Didn’t work



