How to hide quick view in Shopify electro theme

[Fahadhassan]

Dear Shoify community, hope everyone is doing well. I'm using shopify electro theme I want to disable quick view hover in home page it hides complete product and do not allow to click on products.
Store link: https://electroshop.pro/
Here is what I mean

Thanks in advance.

[SAN_MSWEB · Accepted solution]

Hi @Fahadhassan 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the themes.css file:

.product-card_footer {display: none !important;}

Regards,

San

[Fahadhassan]

Thanks it worked

[Fahadhassan]

It worked but the price is not showing on home page. Isn't it possible to show price as well?

[Anshul_arora]

Hello @Fahadhassan ,

Please make small changes in your existing css code of the associate section and update the visibility to hidden to hide the quick view.

=> Firstly Go to online Store- Themes - Edit code - Find for .css (base.css/style.css/theme.css) file of your store.

=> Next, find the below mentioned code in your store' .css file -:

.product-card:hover .product-buttons {
z-index: 2;
transform: translate(0);
visibility: visible;
opacity: 1;
}

=> Now, make the visibility to hidden as mentioned in the screenshot https://prnt.sc/RdxfdS9LGIwW

After making the visibility -> hidden, quick view will not hide the detail of the product.

In this way, you can resolve your issue without adding more code.

I hope it helps .

Please let me know if you have any query.

Thank you.