[quinexParticipant]

Hi

On product detail page, the product image shows large enough…(we upload 500x500px images)

i can click on the product image and it shows a pop up with the (same) image, is it possible to switch that off so the image won’t show a popup anymore?

thanks

[ThaiModerator]

Hi There,

In WordPress dashboard, please navigate to WooCommerce > Settings > Products > Display > uncheck on the Product Image Gallery > Save changes:

Hope it helps 🙂

[quinexParticipant]

Hi

nope, when i do that the lightbox isn’t there anymore, but the image can still be clicked and that it just display the image: http://www.domain.com/wp-content/uploads/2015/12/image-name

[quinexParticipant]

I think i found a solution:

when i add this to my css:

.woocommerce div.product .images, .woocommerce-page div.product .images {
pointer-events: none;
}

it is disabled.

Is that a correct way to handle this?

And if ‘yes’ should i still disable the lightbox function in woocommerce so the script isn’t being loaded therefore adding less ‘load’ to page?

thanks for helping!

[quinexParticipant]

For anyone interested in this i decided to go this way:

– keep lightbox enabled.
– in screensizes over 1199px set pointer-events to none
– from 768-1199px set to initial
– below 768px set to none again (since it has no use when having just 1 product image per item)

[Rue NelModerator]

Hello There,

Thanks for updating the thread!

Yes, this is the easiest way to disable the link. Please update your code to accomplish with the different screen sizes:

@media(min-width: 1199px) {
  .woocommerce div.product .images, 
  .woocommerce-page div.product .images {
    pointer-events: none;
  }
}

@media(min-width: 768px) and (max-width: 1198px) {
  .woocommerce div.product .images, 
  .woocommerce-page div.product .images {
    pointer-events: initial;
  }
}

@media(max-width: 767px) {
  .woocommerce div.product .images, 
  .woocommerce-page div.product .images {
    pointer-events: none;
  }
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts