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

jasonduong · October 2019

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 · October 2019

Hello,

Can you send me a link to that website?

It will be much simple for me.

Thanks

jasonduong · October 2019

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

Pablo · October 2019

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

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

Comments

This website uses cookies