Disable Quick Shop in Empire Theme

Technical Q&A
,

Topic summary

A user encountered an issue where the Quick Shop feature on their Empire theme remained visible despite being disabled in theme settings. The feature was also non-functional, displaying an error message when clicked, potentially impacting sales.

Initial Problem:

  • Quick Shop disabled in settings but still appearing
  • Existing CSS code only removed it from desktop view
  • Feature showed “something went wrong” error when clicked

Solution Provided:
A CSS code snippet was shared to hide the Quick Shop button on mobile:

.productitem--action.quickshop-button {
    display: none !important;
}

Resolution:
The user successfully applied the code to their theme.css.liquid file (after initially being unsure which CSS file to use), which resolved the issue across all devices. The discussion is now closed with the problem solved.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

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”.

2

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

3

Yes, of course. Thank you!

It’s https://tonneaucoverhq.com/

4

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;
}
1 Like
5

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!

6

Actually, I tried pasting in the theme.css.liquid and it appears to have taken care of it. Thank you so much!

7

I am happy that it could helps.