-
AuthorPosts
-
October 15, 2014 at 2:03 pm #125899
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.comFor 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!
~ AshleyOctober 15, 2014 at 11:10 pm #126122Hi 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!
February 26, 2016 at 4:38 pm #814052Follow up question, will this work for making the images unclickable? That’s what I need
February 27, 2016 at 2:27 am #814489Hi 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.
June 5, 2016 at 6:21 pm #1027002Hi 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!
June 6, 2016 at 1:47 am #1027456Hi there,
Please add this :
jQuery('.x-recent-posts a').attr('target','_blank');
Hope that helps.
-
AuthorPosts