Image Overlay Effect: Am I missing something?

Comments

• Pablo

  June 2018

  Hi,

  Please do it in Muffin Builder as item.

  After you create and add image, please add a Zoomed image, same as normal image.

  http://prntscr.com/jzvjfq

  http://prntscr.com/jzvjjv

  
  

  And as you said, please set Muffin>Global>General>Image Frame>Style>Overlay

  
  

  You'll get your effect.

  Thanks.
  

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

  June 2018

  Hi Pablo! Thanks for your fast reply!

  
  

  I don't think this is working for a Woocommerce product image.

  
  

  There's no options to do so within the product page.

  
  

  
  
• Sawasdee

  June 2018

  This is the only way I've found so far!
  
  .woocommerce .image_frame .image_wrapper img:not(.ls-l) { transform: scaleY(1) !important; }
• Pablo

  June 2018 edited June 2018

  Unfortunately not, it's a plugin, not our theme.

  We cannot support changes like this, you have to do it yourself.
  

  Thanks.
  

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

  June 2018

  Hi Pablo!

  
  

  I understand it's a plugin but it's customized by Betheme.

  
  

  content-product.php
• Pablo

  June 2018

  What you ask for, requires files customization what in reference to Item Support Policy is not allowed. So if you want to modify files and don't know how, you should contact your web developer. Item Policy says:
  Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page. For customization services that will help you tailor the item to your specific requirements, we recommend contacting the author to see if they privately offer paid customisation services or checking out the great service providers on Envato Studio
  
  thanks

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

  June 2018

  No problem Pablo! Don't get mad!

  
  

  Was just at first wishing to know if it was normal that the product image overlay have a zooming effect while on the betheme demo, the image overlay doesn't have the zooming effect.

  
  

  Seems anyways this line of css works.
  .woocommerce .image_frame .image_wrapper img:not(.ls-l) { transform: scaleY(1) !important; }
  

  
  (Btw, this css property been given by Muffin support)

  
  

  Thanks