cloud-zoom with option boost compatibility problems

Hi people,

I am officially stumped... I recently purchased Q's option boost mainly for the feature of changing the main image when selecting an option, however when i try to add a cloud-zoom extension the main image no longer changes.

Has anyone else come across this issue or think they know what might be causing it?

Would share some code with you but i'm not sure Q would appreciate me posting his hard work all over the place

Thanks,
Dani

The 2 mods are conflicting each other. You can contact Q by sending him an email and ask for his assistance.

Need to see a link

look at --> clients.danimartin.co.uk

Managed to get the zoom working for the original main image but when another image is put in its place it still zooms on the original image

This is really late but if it helps someone else, a way to get around this issue is to *destroy* CloudZoom instances when Options Boost calls for update function through ajax and *re-instantiate* CloudZoom on data return.

This work around needs options_boost.js to be modified, so proceed with caution.
#1 Look for obUpdate. There should be two instances of this, the function itself and the function call obUpdate(jQuery(this));
#2 add this before the function call #3 in the obUpdate function, look for ajax's success call back and add The codes above assumes the css selectors for CloudZoom.

signereign wrote:This is really late but if it helps someone else, a way to get around this issue is to *destroy* CloudZoom instances when Options Boost calls for update function through ajax and *re-instantiate* CloudZoom on data return.

This work around needs options_boost.js to be modified, so proceed with caution.
#1 Look for obUpdate. There should be two instances of this, the function itself and the function call obUpdate(jQuery(this));
#2 add this before the function call

Code: Select all

// destroy cloud zooms
$('.cloud-zoom, .cloud-zoom-gallery').each(function(){
    $(this).data('zoom').destroy();
});

#3 in the obUpdate function, look for ajax's success call back and add

Code: Select all

// re-instantiate cloud zooms
$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();

The codes above assumes the css selectors for CloudZoom.

Where should i put exact your codes?

Can you suggest me?

Thanks in advance!

I'm working on an Options Boost 2.0 that will include its own image zoom system that isn't as clunky as cloud zoom.. not sure why that one is so popular compared to others that do more with better compatibility

Where abouts do you actually put this code as when i add it, only the die cloudzoom works as after i try and reinstate it cloudzoom doesnt work?

Also i downloaded new version of Options Boost and the image zoom Q added doesnt seem to work like a cloudzoom effect?

Thanks
Aaron

aaron1988 wrote:Where abouts do you actually put this code as when i add it, only the die cloudzoom works as after i try and reinstate it cloudzoom doesnt work?

Also i downloaded new version of Options Boost and the image zoom Q added doesnt seem to work like a cloudzoom effect?

Thanks
Aaron

Actually the in the latest Options Boost I found a way to make it work with Cloudzoom.. so it shouldn't break anything.