Okay
  Public Ticket #1942862
switch out the lightbox
Closed

Comments

  • Boris Wenzel started the conversation
    March 21, 2019 at 1:56pm

    Hi,

    my customer would like to use the satelite collage but without the lightbox.

    Please advice.

    Best regards

    Boris

  •  1,822
    Support replied
    March 21, 2019 at 11:22pm

    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

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Boris Wenzel replied
    March 22, 2019 at 10:00am

    Hi support,

    that is a good idea, but there are event listener on Mouseup event

    Regards

    Boris

  •  1,822
    Support replied
    March 22, 2019 at 1:26pm

    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

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Boris Wenzel replied
    March 22, 2019 at 1:37pm

    Hello support,


    this works fine for me. Many thanks.


    Best regards 

    Boris Wenzel

  •  1,822
    Support replied
    March 22, 2019 at 1:39pm

    Sounds good, we are working on your other ticket.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Boris Wenzel replied
    March 25, 2019 at 9:27am

    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


  •  1,822
    Support replied
    March 25, 2019 at 5:20pm

    Yes, this will do.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy