Hi,
Changing custom fields in VM3, triggers the AJAX to load the child product's content (the image-content where the ZoomEffect runs is refreshed dynamically via AJAX) thus the ZoomEffect has to be re-initilized after the AJAX is completed.
This is the idea behind this problem, dynupdate.js needs to be modified to tackle this problem.
Here is what you need to do:
- Find this JS file:
/components/com_virtuemart/assets/js/dynupdate.js
- Duplicate this file and upload to here:
/templates/YOUR_TEMPLATE/js/dynupdate.js
(so, updating VM won't retrieve
dynupdate.js file to stock and your edit will be preserved)
- Open the
/templates/YOUR_TEMPLATE/js/dynupdate.js file and insert this line;
if (typeof jQuery.fn.flexibleZoom == 'function') { jQuery.fn.flexibleZoom();}
to here:
Attachment Pasted_Image_5_16_15__5_27_PM.png not found
PAY ATTENTION TO THE SCREENSHOT AND THE PLACE WHERE I INSERT THE LINE (after
Virtuemart.isUpdatingContent = false;)
This will re-initalize the ZoomEffect upon changing the custom field option and zoomEffect will keep running without requiring the page refresh.
Regards.