Main Product Image: How to disable image link?

engels
54 Posts
engels posted this 20 February 2018

Hi Themler team,

regarding to woocommerce product detail page: made zoom function not working by uploading a product image with same dimensions as wc should display main product image.
But now product image has a link leading to itsself shown in a knew window (not in a lightbox). Grrr....
How to disable that??

Thanks
Koepi

Hi Themler team, regarding to woocommerce product detail page: made zoom function not working by uploading a product image with same dimensions as wc should display main product image. But now product image has a link leading to itsself shown in a knew window (not in a lightbox). Grrr.... How to disable that?? Thanks Koepi
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 21 February 2018

Hi,

Unfortunately the image link cannot be disabled and the lightbox cannot be enabled.
If you know the woocommerce code which displays the plain product image you can add it into the CMS Code control (Insert tab >> More).
Themler Product Image is hardcoded to CloudZoom effect and the image is always wrapped into the link to make the CloudZoom work.

Thank you,
Olivia

Hi, Unfortunately the image link cannot be disabled and the lightbox cannot be enabled. If you know the woocommerce code which displays the plain product image you can add it into the CMS Code control (Insert tab >> More). Themler Product Image is hardcoded to CloudZoom effect and the image is always wrapped into the link to make the CloudZoom work. Thank you, Olivia
Kos
23 Posts
Kos posted this 10 March 2018

Hi, you can disable this with easy CSS:
just add the custom css code like this:

.cloud-zoom-big, .mousetrap {display:none!important;}
.cloud-zoom {
  pointer-events: none;
  cursor: default;
  text-decoration:none;
  color:black;}

.cloud-zoom-big and .mousetrap are the elements when you Mouse over the image and it's zooms in.
.cloud-zoom - is a href image class, so pointer-events: none; will make it not clickable.

Hi, you can disable this with easy CSS: just add the custom css code like this: .cloud-zoom-big, .mousetrap {display:none!important;} .cloud-zoom { pointer-events: none; cursor: default; text-decoration:none; color:black;} .cloud-zoom-big and .mousetrap are the elements when you Mouse over the image and it's zooms in. .cloud-zoom - is a href image class, so pointer-events: none; will make it not clickable.
milu.cernochova
22 Posts
milu.cernochova posted this 04 April 2018

Kos - Perfect work! It works wonderfully.
Milu

Kos - Perfect work! It works wonderfully. Milu
Kos
23 Posts
Kos posted this 29 April 2018

Hi Themler Team!!!!

Do you aware that there is such WordPress Page Builder plugin as ELEMENTOR? and it has Theme Building capacity. It's very promissing, fast and easy to use. And they going to have the release to support Woocommerce Templates...
me, personally me - using Themler right now, for the last time, before they do the release, cause you don't keep up with your promissed updates and futures. You had promissed to have the control over Zoom and lightbox for images in product page two years ago and its' still in your list. Also Themeler become very slow. trying to use it as minimum as possible. And sometimes it's just better to write the CSS by myslef either trying to do it over Themeler... Take a look at Elementor and thing about your future... you may delete this post, to do not get other know about Elementor, but it's already there and more and more user are just fall in love with it...

Hi Themler Team!!!! Do you aware that there is such WordPress Page Builder plugin as ELEMENTOR? and it has Theme Building capacity. It's very promissing, fast and easy to use. And they going to have the release to support Woocommerce Templates... me, personally me - using Themler right now, for the last time, before they do the release, cause you don't keep up with your promissed updates and futures. You had promissed to have the control over Zoom and lightbox for images in product page two years ago and its' still in your list. Also Themeler become very slow. trying to use it as minimum as possible. And sometimes it's just better to write the CSS by myslef either trying to do it over Themeler... Take a look at Elementor and thing about your future... you may delete this post, to do not get other know about Elementor, but it's already there and more and more user are just fall in love with it...
leora
80 Posts
leora posted this 01 April 2020

Themler: Please provide an update on this. Disabling Zoom and product image clipping appears to be requested a lot since 2015. CSS hacks are not the right solution for this.

Themler: Please provide an update on this. Disabling Zoom and product image clipping appears to be requested a lot since 2015. CSS hacks are not the right solution for this.
You must log in or register to leave comments