Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • January 25, 2016 at 2:23 pm #571351
    Avantidisplay

    When using portfolio grid ajax I would like to disable the link of the images.
    I have disabled the lightbox with
    #top .portfolio-preview-image .avia-gallery .avia-gallery-big {
    pointer-events: none !important;
    }

    but an image still pops up in a browser window
    http://avantidisplay.co.uk/new-image-archive/

    Can you advise
    Thanks

    January 26, 2016 at 2:37 am #571796
    Elliott

    Hey Avantidisplay!

    Hmm, since it gets added via AJAX it might have issues. Does it do the same when you add this?

    .avia-gallery-thumb a {
    pointer-events: none !important;
}

    Cheers!
    Elliott

    January 26, 2016 at 12:02 pm #572039
    Avantidisplay

    Hi Elliot
    Thanks for replying, added the code but it has not changed the popup appearing

    Any thoughts ?

    Cheers
    Julian

    • This reply was modified 8 years, 11 months ago by Avantidisplay.
    January 27, 2016 at 10:54 pm #573300
    Josue

    Hi!

    Try this one:

    .grid-entry a.grid-image {
    pointer-events: none;
}

    Place it at the very start of Quick CSS.

    Regards,
    Josue

    January 28, 2016 at 12:26 pm #573669
    Avantidisplay

    Hi Josue
    I tried this and its not working, I have notice that if you click on any image it now pops up a basic browser full-size display

    Cheers
    Julian

    January 28, 2016 at 12:27 pm #573673
    Josue

    Hi Julian,

    Can you post a screenshot of that? what browser are you using?

    Regards,
    Josue

    January 28, 2016 at 1:24 pm #573701
    Avantidisplay

    Hi Josue
    Safari
    Sorry in firefox it has a black background with no way of closing
    http://avantidisplay.co.uk/Safari.png

    http://avantidisplay.co.uk/firefox.png

    Cheers
    Julian

    January 28, 2016 at 1:40 pm #573707
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    #top #wrap_all .ajax_slide .avia-gallery-thumb a {
    pointer-events: none;
}

    Regards,
    Yigit

    January 28, 2016 at 5:12 pm #573872
    Avantidisplay

    The thumbnails are now inactive with :
    #top #wrap_all .ajax_slide .avia-gallery-thumb a {
    pointer-events: none;
    }
    Cheers
    Julian

    January 28, 2016 at 5:20 pm #573887
    Yigit

    Hi!

    Which was the goal if i understood you clearly, is that correct? :)
    If so, shall we mark the thread as resolved?

    Regards,
    Yigit

    January 28, 2016 at 5:41 pm #573905
    Avantidisplay

    Sorry… but not quite!
    The thumbnails don’t work at all,they should on hover, open the larger image in the ajax gallery, also if the image is a single item not a gallery it still opens a pop up

    Cheers
    Julian

    January 29, 2016 at 3:31 pm #574595
    Avantidisplay

    Any chance of resolving this ?

    Julian

    February 1, 2016 at 7:57 am #575597
    Ismael

    Hey!

    Please remove the css code then add this in the functions.php file:

    add_action( 'avf_portfolio_preview_template_params', 'avf_portfolio_preview_template_params_mod', 10, 2 );
function avf_portfolio_preview_template_params_mod($params, $entry) {
	if($params['method'] == 'gallery') {
		 $params['imagelink'] = 'avianolink noLightbox';
	}
	return $params;
}

    This will disable the lightbox and the image link.

    Regards,
    Ismael

    February 9, 2016 at 3:19 pm #580417
    Avantidisplay

    Thumbnails are still disabled on hover and raw image pops up in browser
    I removed all this css

    #top .portfolio-preview-image .avia-gallery .avia-gallery-big {
    pointer-events: none !important;
    }

    .portfolio_preview_container {
    box-shadow: 0px 0px 7px 7px #000000;
    clear: both;
    display: none;
    margin-bottom: 35px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 100%;
    }

    Cheers
    Julian

    February 10, 2016 at 4:15 pm #581215
    Avantidisplay

    Any chance of resolving this ? Please!

    Julian

    February 14, 2016 at 9:22 am #582889
    Ismael

    Hey!

    I checked the site and the css pointer-events is still there:

    #top .portfolio-preview-image .avia-gallery .avia-gallery-big {
    pointer-events: none !important;
}

    Please remove it or post the login details here so that we can check it.

    Best regards,
    Ismael

    February 15, 2016 at 1:54 pm #583394
    Avantidisplay

    Sorry missed that ..its now removed

    Cheers
    Julian

    February 15, 2016 at 1:59 pm #583399
    Avantidisplay

    Login details
    UN: crayfish
    PW: P1at!6u55*

    J

    February 15, 2016 at 4:24 pm #583540
    Avantidisplay

    Also just removed
    #top #wrap_all .ajax_slide .avia-gallery-thumb a {
    pointer-events: none;
    }

    The portfolio is now working almost correctly …only on setting: Display Preview Images
    if you choose the ‘image list’ option it still pops up a raw image

    Thanks Julian

    February 18, 2016 at 7:34 am #585208
    Ismael

    Hey!

    The modification above will only work for the gallery style. https://kriesi.at/support/topic/when-using-portfolio-grid-ajax-i-would-like-to-disable-the-link-of-the-images/#post-575597

    Please contact codeable for further modifications: http://kriesi.at/contact/customization

    Cheers!
    Ismael

    April 15, 2016 at 8:18 pm #615118
    ewingmh

    what about just doing this:
    .portfolio-preview-title a {pointer-events:none;}

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘When using portfolio grid ajax I would like to disable the link of the images.’ is closed to new replies.