Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello!
I am trying to disable the Quick Shop option on my theme. I have disabled in theme settings and it continues to show up. I added the following code to the bottom of my theme.css and it disables for desktop only:
span.btn.btn-theme.gradient-theme-vertical.product-card__overlay-btn.js-btn-quickview {
display: none !important;
}
How do you disable this? When customers click, it just says "something went wrong" so it doesn't even work. I think it's likely hurting my sales since it's on top of "add to cart".
Solved! Go to the solution
This is an accepted solution.
In order to remove it from the mobile then you have to paste this code in the end of the base.css file.
.productitem--action.quickshop-button {
display: none !important;
}
Could you please share your store URL and password [if applicable] so that I can take a look and provide you with a solution code.
Looking forward to hearing back from you.
Thanks
This is an accepted solution.
In order to remove it from the mobile then you have to paste this code in the end of the base.css file.
.productitem--action.quickshop-button {
display: none !important;
}
Thank you!
Unfortunately, I don't have a base.css file. I only have three options: theme.css.liquid, ripple.css.liquid and giftcard.css.liquid. Would I place the code in one of those?
Thank you!
Actually, I tried pasting in the theme.css.liquid and it appears to have taken care of it. Thank you so much!
I am happy that it could helps.
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