Product Image

- 8 years, 12 months ago florenciaballesteros
  Participant
  
  Expired
  
  Is anyway to put a ”zoom” mouse over efect over the product images in the product page?
  
  I mean, when you are in the product page, have a zoom efect over the product image.
  
  Is possible?
  
  Thanks!
- 8 years, 12 months ago Mirela
  Participant
  Hello,
  
  To have the zoom effect, please add this code into your custom css box:
  
  .woocommerce ul.products li.product a img:hover { webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }
  
  Best regards!
- 8 years, 12 months ago florenciaballesteros
  Participant
  
  Expired
  
  Thanks! The code is great, but I meant that I want a zoom when you are in a single product, like https://gapcomputacion.com/producto/dell-latitude-e6440/ when you mouseover the image product, I would like to have a zoom.
  
  Is that possible?
- 8 years, 11 months ago Mirela
  Participant
  Hello,
  
  Please edit the code above to this:
  
  img.attachment-shop_single.wp-post-image:hover { webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }
  
  Best regards!
- 8 years, 11 months ago florenciaballesteros
  Participant
  
  Expired
  
  Perfect!!!

Viewing 4 reply threads

You must be logged in to reply to this topic.