Comments Boris Wenzel started the conversationMarch 21, 2019 at 1:56pmHi,my customer would like to use the satelite collage but without the lightbox.Please advice.Best regardsBoris 2,013Support repliedMarch 21, 2019 at 11:22pmHi Boris,try the following:.collage-thumb a.image-link { pointer-events: none;}.collage-thumb { cursor: default !important;}in customizer -> additional CSSThank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioBoris Wenzel repliedMarch 22, 2019 at 10:00amHi support,that is a good idea, but there are event listener on Mouseup eventRegardsBoris 2,013Support repliedMarch 22, 2019 at 1:26pmHi Boris, this the easiest solution.the actual CSS class responsible for the lightbox pop up behavior animation-linkas you can see in /js/scripts.js, function LightBox()function Lightbox() { $('.image-link').magnificPopup({ type: 'image', mainClass: 'mfp-with-zoom', gallery: { enabled:true }, zoom: { enabled: true, duration: 300, easing: 'ease-in-out', opener: function(openerElement) { return openerElement.is('img') ? openerElement : openerElement.find('img'); } } }); $(".image-link").mouseenter(function(e) { TweenMax.to('#ball', 0.1,{transformOrigin: '15px 15px', borderWidth: '1px', scale: 1.8}); TweenMax.to('#ball-loader', 0.1,{borderWidth: '1px', top: 1, left: 1}); $( "#ball" ).addClass("with-icon").append( '' ); }); $(".image-link").mouseleave(function(e) { TweenMax.to('#ball', 0.1,{borderWidth: '2px', scale:1, x: -15, y: -15}); TweenMax.to('#ball-loader', 0.1,{borderWidth: '2px', top: 0, left: 0}); $("#ball").removeClass("with-icon"); $('#ball i').remove(); }); }//End LightboxThank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioBoris Wenzel repliedMarch 22, 2019 at 1:37pmHello support,this works fine for me. Many thanks.Best regards Boris Wenzel 2,013Support repliedMarch 22, 2019 at 1:39pmSounds good, we are working on your other ticket.Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioBoris Wenzel repliedMarch 25, 2019 at 9:27amHi,I created a new class and so I can switch off the lightbox individually:.nolightbox a.image-link { pointer-events: none; cursor: default !important;}Best regardsBoris Wenzel 2,013Support repliedMarch 25, 2019 at 5:20pmYes, this will do.Thank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Sign in to reply ...
Hi,
my customer would like to use the satelite collage but without the lightbox.
Please advice.
Best regards
Boris
Hi Boris,
try the following:
.collage-thumb a.image-link {
pointer-events: none;
}
.collage-thumb {
cursor: default !important;
}
in customizer -> additional CSS
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi support,
that is a good idea, but there are event listener on Mouseup event
Regards
Boris
Hi Boris, this the easiest solution.
the actual CSS class responsible for the lightbox pop up behavior animation-link
as you can see in /js/scripts.js, function LightBox()
function Lightbox() {
$('.image-link').magnificPopup({
type: 'image',
mainClass: 'mfp-with-zoom',
gallery: {
enabled:true
},
zoom: {
enabled: true,
duration: 300,
easing: 'ease-in-out',
opener: function(openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
}
});
$(".image-link").mouseenter(function(e) {
TweenMax.to('#ball', 0.1,{transformOrigin: '15px 15px', borderWidth: '1px', scale: 1.8});
TweenMax.to('#ball-loader', 0.1,{borderWidth: '1px', top: 1, left: 1});
$( "#ball" ).addClass("with-icon").append( '' );
});
$(".image-link").mouseleave(function(e) {
TweenMax.to('#ball', 0.1,{borderWidth: '2px', scale:1, x: -15, y: -15});
TweenMax.to('#ball-loader', 0.1,{borderWidth: '2px', top: 0, left: 0});
$("#ball").removeClass("with-icon");
$('#ball i').remove();
});
}//End Lightbox
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hello support,
this works fine for me. Many thanks.
Best regards
Boris Wenzel
Sounds good, we are working on your other ticket.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi,
I created a new class and so I can switch off the lightbox individually:
.nolightbox a.image-link {
pointer-events: none;
cursor: default !important;
}
Best regards
Boris Wenzel
Yes, this will do.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio