Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #125899

    Ashley S
    Participant

    Hi there,

    I’m using the Renew stack and in my last bit of work to get my website up and running, I am hoping there is an easy way to make the thumbnails in a portfolio gallery “unclickable” or even just clickable to an external site (opening in a new window). I don’t really have any need for the thumbs to open larger on a new page, as they currently do. I could, however, benefit from being able to link some of them to external sites when you scroll over the thumbs.

    Here’s the site I’m working on.
    http://www.kellygarciadurham.com

    For example, when you go to Charities and scroll over APS, it’d be awesome if there is an easy way to, when clicked, open the APS site in a new window.

    Thanks for the support help – you guys have been great!
    ~ Ashley

    #126122

    Rad
    Moderator

    Hi Ashley,

    Thanks for posting in.

    First, install this plugin https://wordpress.org/plugins/page-links-to/ . This will allow you to use alternate link for your portfolio urls.

    Example, instead of APS thank links to http://www.kellygarciadurham.com/portfolio-item/aps-2/ you can decide to link it to http://www.aps.com

    Once you’re done, add this code at your customizer’s custom javascript.

    jQuery(function($){ $('.page-template-template-layout-portfolio-php h2.entry-title.entry-title-portfolio a').attr('target','_blank'); });

    This should open your links to new tab/window.

    Cheers!

    #814052

    tadbeavers
    Participant

    Follow up question, will this work for making the images unclickable? That’s what I need

    #814489

    Christopher
    Moderator

    Hi there,

    Images in http://www.kellygarciadurham.com/charities/ are not clickable, you need to click on title to see the portfolio item.

    Would you provide us with more detail about what you’re trying to achieve.

    Thanks.

    #1027002

    bradkerin
    Participant

    Hi there,

    This javascript is really helpful for clicking the different items on the portfolio page, but it doesn’t work when using the Recent Posts element. Am I missing something, or is there different code to add to make the recent posts element clickable to new tabs?

    Thanks!

    #1027456

    Christopher
    Moderator

    Hi there,

    Please add this :

    jQuery('.x-recent-posts a').attr('target','_blank');

    Hope that helps.