0

I am working on eCommerce website. link: http://www.ultimatespares.com/motorcycleparts/crash-pads-screens/crash-pads-r12-for-ducati-monster-696-2014.html

I want to disabled click from magnifying glass .cloud-zoom-lens. On click new window open.

I tried to add

  1. css for that class pointer-events: none;
  2. and tried in js.

but use....I think plugin is working perfectly beacuse http://www.ultimatespares.com/motorcycleparts/crash-pads-screens.html (click on quick view and check)

So what should i do?

1

2 Answers 2

1

On your host there is library

http://www.ultimatespares.com/js/ecommerceteam/cloud-zoom.1.0.2.js

It's not very clear idea but to achieve your target you need make some changes there (for example with rewrite).

If you ctrl+F word 'click' in this file you find following:

            $(this).bind('click', $(this), function (event) {
                var data = event.data.data('relOpts');
                // Destroy the previous zoom
                $('#' + data.useZoom).data('zoom').destroy();
                // Change the biglink to point to the new big image.
                $('#' + data.useZoom).attr('href', event.data.attr('href'));
                // Change the small image to point to the new small image.
                $('#' + data.useZoom + ' img').attr('src', event.data.data('relOpts').smallImage);
                // Init a new zoom with the new images.                
                $('#' + event.data.data('relOpts').useZoom).CloudZoom();
                return false;
            });

Try to remove hardly this (or part of this), to understand will it helpful or not. If yes - make an rewrite

8
  • It looks like you have two cloud-zoom libs on your host... firstly better leave only one and fix your JS errors in console
    – zhartaunik
    Commented May 8, 2015 at 10:32
  • I edited this file ultimatespares.com/skin/frontend/default/theme362/js/…. yes sort out that. Thank you so much. Commented May 8, 2015 at 10:35
  • You are welcome
    – zhartaunik
    Commented May 8, 2015 at 10:38
  • Have you removed [x]best answer accidentally or something is wrong?
    – zhartaunik
    Commented May 11, 2015 at 13:40
  • because your answer is not right. After removal of above code, thumbnail images was opened in new tab. I uncomment above code. Commented May 11, 2015 at 13:48
0

I removed minimize version of cloud zoom file and sort out.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.