To make some modifications to the image gallery on the PDP page
_.extend(ProductDetailsImageGalleryView.prototype, {
initialize: _.wrap(ProductDetailsImageGalleryView.prototype.initialize, function (fn) {
var original_Ret = fn.apply(this, _.toArray(arguments).slice(1));
try {
this.on('afterViewRender', function(ccc) {
setTimeout(function() {
self.$slider = Utils.initBxSlider(self.jQuery('.bx-pager'),
{
minSlides: 5,
slideWidth: 200,
maxSlides: 5,
slideMargin: 15,
forceStart: true,
pager: false,
touchEnabled: true,
controls: false,
adaptiveHeight: false,
autoControls: false,
preloadImages: 'all',
autoHover: true,
auto: true,
pause: 3000,
responsive: false });
}, 2000)
});
} catch (e)
{ console.log("err@", e);
return original_Ret
}
})
});