Okay
  Public Ticket #1215664
Inconsistant Lightbox appearence
Closed

Comments

  •  2
    thedhauscompany started the conversation

    Im close to completing my site but the client has complained about the lightbox being inconsistant accross different portfolio types.


    http://dev.thedhaus.com/portfolio/prints/

    Here Im using the columned portfolio type with a really nice simple image pop up. The client wants this pop up/lightbox style


    http://dev.thedhaus.com/portfolio/little-venice/

    This old style lightbox has recieved alot of negative comments, and is completely inconsistant with the other style. This is a custom portfolio type as are the majority of others.


    I have to solve this one way or another and get the simple 'Prints' lightbox throughout. If this is not possible I need another solution for lightbox accross the site, I have to achieve some kind of consistancy? (and keep the pop up simple as possible)


    Thanks,

    Mike


  • [deleted] replied

    Hi Mike,

    I suggest you this workaround for portfolio items:

    1. Add the following code in functions.php

    function portfolio_lightbox_lightgallery() {
    if ( is_singular( 'portfolio' ) ) {

    kalium_enqueue_lightbox_library();

    ?>
    <script type="text/javascript">
    jQuery( document ).ready( function() {

    jQuery.debounce( 100, function() {

    if ( jQuery( '.single-portfolio-holder' ).length ) {
    jQuery( '.single-portfolio-holder .nivo a' ).each( function( i, el ) {
    jQuery( el ).unbind();
    } );

    kaliumLightbox( '.single-portfolio-holder .nivo', { selector: 'a', thumbnail : true } );
    }
    } )();
    } );
    </script>
    <?php
    }
    }

    add_action( 'wp_footer', 'portfolio_lightbox_lightgallery' );

    This should work for you.

  •  2
    thedhauscompany replied

    Hi Arlind,

    Thanks for the code, but that has now changed only the prints lightbox, which was the one I was happy with. The other lightbox's are still the same (pretty picture)

    image attached:

    http://dev.thedhaus.com/portfolio/eversholt-street/



  • [deleted] replied

    Hi Mike,

    On this page:

    http://dev.thedhaus.com/portfolio/eversholt-street/

    You are using Visual Composer which has different implementation compared to built-in portfolio templates. But here is different case, so I suggest you to check this option for Masonry Media grid gallery:


    (view large version)

  •  2
    thedhauscompany replied

    I dont have the same setting, see attched:

    (I Just updated VC as I was on an older version - now on version 5.1)

  •  2
    thedhauscompany replied

    I see this could be close to working properly now but there are two bugs that I can see:

    1. for some reason Im getting both lightboxes ontop of each other on this page:

    http://dev.thedhaus.com/portfolio/eversholt-street/

    2. I notice that after the lightbox is closed the whole page is too wide and stays like that. You can move the page right to left and see a scroll bar at the bottom. (firefox)

    http://dev.thedhaus.com/portfolio/eversholt-street/

    Just noticed one more thing, this doesnt work in chrome, just get the old lightbox

  • [deleted] replied

    Hi Mike,

    We have worked on this and fixed the issue of double lightboxes. The new update of Kalium should fix it. Just keep the same settings. We are at final phase of releasing v2.1 of Kalium with many changes and code refactoring for better performance.