v2.0 - Fix for Magnific.js product image popup

[villagedefrance]

First > Create a "magnific" folder under "catalog\view\javascript\jquery".

Second > Place "magnific.css", magnific.js" and "magnific.min.js" inside it.

Third > Edit controller "product.php" with :
$this->document->addScript('catalog/view/javascript/jquery/magnific/magnific.min.js');
$this->document->addStyle('catalog/view/javascript/jquery/magnific/magnific.css');
(Note: "magnific.min.js" is required, as "magnific.js" doesn't seem to be working)

Fourth > Edit template "product.tpl" with this script at the bottom :

$(document).ready(function() {
$('.thumbnail').magnificPopup({
type: 'image',
gallery: { enabled:true },
retina: {
ratio: 2,
replaceSrc: function(item, ratio) {
return item.src.replace(/.\w+$/, function(m) { return '@2x' + m; });
}
}
});
});

(Note: this code includes support for Retina images but only works if a second image at High Definition (@2x) is present, as per Retina setup rules.)

That's it !

[danielkerr]

fixed in latest commit