Image zoom does not work with the plugin enabled

  • Resolved Rodrigo

    (@vejapixel)


    5 years, 10 months ago

    Hello @qtwrk

    On the product page, it has a zoom feature where, when hovering over the product image, it is enlarged. But, the feature is not working. I disabled all css, js, html and all image optimization options (https://prnt.sc/u0ijuv), but it doesn’t work. It only works when I disable the plugin.

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support qtwrk

    (@qtwrk)

    5 years, 10 months ago

    Hi,

    if you reset to default , does it work ?

    and please do remember that after setting is changed, you need to do a purge all to make it effect.

    Best regards,

    Thread Starter Rodrigo

    (@vejapixel)

    5 years, 10 months ago

    Hello @qtwrk

    The problem is with “JS Combine”. I have disabled this feature and the zoom works.

    So, I deactivated “JS Combine” and checked all the js loaded in the browser console, and inserted them all in the JS Excludes field:

    /wp-includes/js/jquery/jquery.js
/wp-content/litespeed/cssjs/257b3.js
/wp-content/litespeed/cssjs/00198.js
/wp-content/litespeed/cssjs/5210e.js
/wp-content/litespeed/cssjs/4cdf4.js
/wp-content/litespeed/cssjs/5c0f5.js
/wp-content/litespeed/cssjs/47b81.js
/wp-content/litespeed/cssjs/5cb2c.js
/wp-content/litespeed/cssjs/312d7.js
/wp-content/litespeed/cssjs/fc2f1.js
/wp-content/litespeed/cssjs/f9f12.js
/wp-content/litespeed/cssjs/544bd.js
/wp-content/litespeed/cssjs/bff21.js
/wp-content/litespeed/cssjs/aa218.js
/wp-content/plugins/litespeed-cache/assets/js/webfontloader.min.js
/wp-content/litespeed/cssjs/8f556.js
/wp-content/litespeed/cssjs/82173.js
/wp-content/litespeed/cssjs/05c1d.js
/wp-content/litespeed/cssjs/c0415.js
/wp-content/litespeed/cssjs/9eb23.js
/wp-content/litespeed/cssjs/2a65f.js
/wp-content/litespeed/cssjs/00867.js
/wp-content/litespeed/cssjs/5dd68.js
/wp-content/litespeed/cssjs/338f6.js
/wp-content/litespeed/cssjs/dfcb9.js
/wp-content/litespeed/cssjs/0af4b.js
/wp-content/litespeed/cssjs/d2799.js
/wp-content/litespeed/cssjs/700b9.js
/wp-content/litespeed/cssjs/9f4e0.js
/wp-content/litespeed/cssjs/ab4c0.js
/wp-content/litespeed/cssjs/507a7.js
/wp-content/litespeed/cssjs/c4747.js
/wp-content/litespeed/cssjs/4c98f.js
/wp-content/litespeed/cssjs/e329a.js
/wp-content/litespeed/cssjs/ea1a0.js
/wp-content/litespeed/cssjs/05885.js
/wp-content/litespeed/cssjs/0327a.js
/wp-content/litespeed/cssjs/6f731.js
/wp-content/litespeed/cssjs/da307.js
/wp-content/litespeed/cssjs/ad204.js
/wp-content/litespeed/cssjs/cb5ba.js
/wp-content/litespeed/cssjs/6b999.js
/wp-content/litespeed/cssjs/96c47.js
/wp-content/litespeed/cssjs/4a168.js
/wp-content/litespeed/cssjs/c7a17.js
/wp-content/litespeed/cssjs/2416f.js
/wp-content/litespeed/cssjs/d88b4.js
/wp-content/litespeed/cssjs/d2e70.js
/wp-content/litespeed/cssjs/507a6.js
/wp-content/litespeed/cssjs/42d9f.js
/wp-content/litespeed/cssjs/c868b.js
/wp-content/litespeed/cssjs/014ce.js
/wp-content/litespeed/cssjs/93f63.js
/wp-content/litespeed/cssjs/4de54.js
/wp-content/litespeed/cssjs/25855.js
/wp-content/litespeed/cssjs/609f9.js
/wp-content/litespeed/cssjs/9e0d1.js
/wp-content/litespeed/cssjs/eabdf.js
/wp-content/litespeed/cssjs/d6b4f.js
/wp-content/litespeed/cssjs/78d46.js
/wp-content/litespeed/cssjs/20042.js
/wp-includes/js/zxcvbn.min.js

    Then I activated “JS Combine” again, but it didn’t work.

    Plugin Support qtwrk

    (@qtwrk)

    5 years, 10 months ago

    Hi,

    No , these under /wp-content/litespeed/cssjs/ are already-combined files

    you need to get the files name with JS combine turned off, and add them into list.

    Best regards,

    Thread Starter Rodrigo

    (@vejapixel)

    5 years, 10 months ago

    Yes, that’s how I did it. I deactivated the “JS Combine” (https://prnt.sc/u1bm75), cleaned the js (https://prnt.sc/u1bmc2) and then I loaded the page and in the console (https://prnt.sc/u1bmta) I copied all the js (https://prnt.sc/u1bmpa).

    Plugin Support qtwrk

    (@qtwrk)

    5 years, 10 months ago

    Hi,

    Oh , sorry , my bad , you need to disable JS minify as well in order to get the original name

    Best regards,

    Thread Starter Rodrigo

    (@vejapixel)

    5 years, 10 months ago

    Located the problem. These js are:

    /wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js
/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js

    I tried to delete each one separately, but it doesn’t work. Both must be excluded.

    Thank you for your help!

    Plugin Support qtwrk

    (@qtwrk)

    5 years, 10 months ago

    Hi,

    glad to know

    Best regards,

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Image zoom does not work with the plugin enabled’ is closed to new replies.