Just to finish it up if someone else would require this.
The previous solution didn’t work well. On pagination the items were zero sized. So I had to change the code into this:
var isSearchChanged = false;
function ajaxSearchModal() {
// change the default behavior of ajax search module
// replace the items to remove the default click behavior
// add click to open modal popup "#popup-image-view"
// if contacts, do not add the modal popup
ajaxSearchIntervalChecker = setInterval(function () {
if (isSearchChanged) {
// if search was performed, alter the items click
$('.results .item').each(function () {
$(this).on("mouseover", function () {
$(this).replaceWith($(this).clone().off('click').on('click', function (e) {
e.preventDefault();
var imgSrc = $(this).find('.asp_content .asp_res_url').attr('href');
// Check if imgSrc is not null or undefined, if true, open modal and set the image source
imgSrc ? (
DiviArea.show('modalimage'),
$("#popup-image-view").attr("src", imgSrc)
) : null;
}));
});
});
isSearchChanged = false;
}
}, 100);
$(".asp_main_container").on("asp_results_show", function (event, id, instance, phrase) {
isSearchChanged = true;
});
}And disabled grid items animation to avoid visual glitches.
