Disable Quick Shop in Empire Theme

Technical Q&A
,
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;
}
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.