Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 17, 2014 at 2:54 pm #224961
    tomcarmans

    Hey

    I want to disable the lightbox overlay in a portfolio galery. So no clicking on the big image, and no clicking on the thumbnails.
    The big image is only shown in the ajax-view.

    Is this possible?

    Thanks a lot

    February 17, 2014 at 9:56 pm #225108
    Yigit

    Hey Tom!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top div .avia-gallery .avia-gallery-big  { pointer-events: none; }

    Regards,
    Yigit

    February 17, 2014 at 10:01 pm #225112
    tomcarmans

    Hey Yigit

    Thanks a lot, but that only disables the lightbox on the big image. Clicking on the thumbnails still opens up the lightbox. Any idea how I can cancel that event also?

    Greetings

    Tom

    February 18, 2014 at 4:46 am #225315
    Josue

    Hi,

    Open js/avia.js and look for line 907:

    autolinkElements: 'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=".mov"] , a[href$=".swf"] , a[href*="vimeo.com"] , a[href*="youtube.com/watch"] , a[href*="screenr.com"]'

    Replace it by this:

    autolinkElements: 'a[rel^="prettyPhoto"]:not(.avia-gallery a), a[rel^="lightbox"]:not(.avia-gallery a), a[href$=jpg]:not(.avia-gallery a), a[href$=png]:not(.avia-gallery a), a[href$=gif]:not(.avia-gallery a), a[href$=jpeg]:not(.avia-gallery a), a[href$=".mov"] , a[href$=".swf"] , a[href*="vimeo.com"] , a[href*="youtube.com/watch"] , a[href*="screenr.com"]'

    Regards,
    Josue

    February 18, 2014 at 9:25 am #225381
    tomcarmans

    Hi Josue

    Thanx for you quick reply, but I guess I was not very clear in my question. I want to disable any action on opening the big picture. Now indeed it doesn’t open the lightbox, but it opens the picture-file itself. I want to disable the click so that the big image only shows in tha Ajax-viewer. So the only action on the thumbnails would be the mouse-over.

    Greetings and thanx

    Tom

    February 18, 2014 at 2:09 pm #225483
    Ismael

    Hey!

    Edit config-templatebuilder > avia-shortcodes > portfolio.php, find this code on line 425:

    $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";

    Replace it with:

    $output .= "<a class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</a>";

    Regards,
    Ismael

    February 18, 2014 at 5:40 pm #225617
    tomcarmans

    Hey Ismael

    Thanks, but this has no effect. Correct me if I’m wrong :-)
    Greetings

    Tom

    February 18, 2014 at 6:24 pm #225640
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    February 18, 2014 at 6:58 pm #225664
    tomcarmans

    Sure, here is is: http://www.imensproject.be/testpagina-tom/

    February 19, 2014 at 5:32 am #225945
    Ismael

    Hey!

    Aside from the changes above, please edit the same file then find this code on line 411:

    $output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.$image."</".$link_markup[1].">";

    Replace it with:

     $output .= "<a class='grid-image avia-hover-fx'>".$custom_overlay.$image."</a>";

    This should remove the link from the portfolio thumbnails.

    Best regards,
    Ismael

    February 19, 2014 at 11:12 am #226103
    tomcarmans

    Hey Ismael

    Thanks, but that code is not in the portfolio.php file:

    EDITED //////

    February 20, 2014 at 12:56 pm #226711
    Yigit

    Hi!

    Please go to wp-content\themes\enfold\config-templatebuilder\avia-shortcodes and change portfolio.php file with http://pastebin.com/gFk3KtCP

    Cheers!
    Yigit

    February 20, 2014 at 1:25 pm #226727
    tomcarmans

    Hey Yigit

    I replaced the file, but I see no difference :-(
    Could you check?

    Thankx

    Tom

    February 20, 2014 at 3:04 pm #226788
    Ismael

    Hi!

    You have a very old version of the theme. Please download 2.5.2 then do the changes above. If you’re having trouble doing the changes, please hire a freelance developer to iron out the customization. You can visit Werkpress.

    Regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Disable lightbox in portfolio’ is closed to new replies.