Simple Product Hover VS Variable Product Hover (Add to Cart Button)

jasonduong

Hello!

On simple products (ones without variations) there is a "add to cart icon" which appears on product thumbnail hover on the shop page. I would like to remove this in order to match the variable products (these only show a single icon view icon upon hover). There is some snippet of code I've included showing the CSS code for the item I am trying to remove. Please let me know how you would go about this change - it should be relatively simple, but I can't get it looking right. 

".if-overlay .image_frame .image_wrapper .image_links.double" // Has Add to Cart Icon (I don't want this)
".if-overlay .image_frame .image_wrapper .image_link" // Has only "view" icon - which is preferred

I would like either edits the CSS to match or have both 'simple products' and 'variable products' to use the "image_link" overlay hover.

Screenshot of site example included here: https://prnt.sc/ph95s7

Thanks so much for your help,

Jason

Pablo

Hello,

Can you send me a link to that website?

It will be much simple for me.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jasonduong

Here is a link to the shop page: http://bit.ly/2ozln1k

Pablo

Sorry, but it will require a lot of advanced css code.

In that case, it is required to change aligning, width of boxes and a lot more.

More simple will be editing the woocommerce files - if you want to modify files and don't know how, you should contact your web developer.

We provide help with the minor css changes only, like changing color, hiding the elements and understanding how the theme works.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next