Is there a way I can redirect my click on my portfolio project cover to a different website?

Site URL: https://selwyngoodman.co

Is there a way I can redirect my click on a portfolio project cover to a different website instead of opening the clicked project? I'm trying to use my behance as external work on portfolio. Thanks in advance. 

I'm only familiar with SS7.1. In order to make the image a clickable link, or an HTML anchor, if you go to edit mode, select the image and then you should find an are that says link on it? Simply type the full URL of the external site into the text area of the pop-up modal.

Hope this helps.

On 8/4/2022 at 3:04 PM, SelwynGoodman said:

Site URL: https://selwyngoodman.co

Is there a way I can redirect my click on a portfolio project cover to a different website instead of opening the clicked project? I'm trying to use my behance as external work on portfolio. Thanks in advance. 

2 options to do this

Option 1. Create a new page with name "Work" > Add Gallery Section - Grid >> Enter Text/Url same as portfolio projects. Thus, you can enter any urls

(We will give code to make image zoom on hover)

Option 2. Add this code to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.grid-item[href="/work/velaandmali"]').attr('href','https://google.com');
	$('a.grid-item[href="/work/terrainartlandscaping"]').attr('href','https://abc.com');
	$('a.grid-item[href="/work/owanocoffee"]').attr('href','https://facebook.com');
});
</script>

Do similar for other items

Thank you!!! I'll give this a try.

On 8/6/2022 at 2:24 PM, tuanphan said:

2 options to do this

Option 1. Create a new page with name "Work" > Add Gallery Section - Grid >> Enter Text/Url same as portfolio projects. Thus, you can enter any urls

(We will give code to make image zoom on hover)

Option 2. Add this code to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.grid-item[href="/work/velaandmali"]').attr('href','https://google.com');
	$('a.grid-item[href="/work/terrainartlandscaping"]').attr('href','https://abc.com');
	$('a.grid-item[href="/work/owanocoffee"]').attr('href','https://facebook.com');
});
</script>

Do similar for other items

Hey @tuanphan thanks so much for sharing this code! i've tried using this as im trying to solve the same issue,  but it doesn't seem to work. it looks like it ignores this and links to the original url.

is it possible to tweak this code so it works on a summary grid showing the portfolio items?

the page im testing on it: https://shiny-happy.squarespace.com/test (password shiny357)

22 hours ago, hannah.dossary said:

Hey @tuanphan thanks so much for sharing this code! i've tried using this as im trying to solve the same issue,  but it doesn't seem to work. it looks like it ignores this and links to the original url.

is it possible to tweak this code so it works on a summary grid showing the portfolio items?

the page im testing on it: https://shiny-happy.squarespace.com/test (password shiny357)

Try this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
   setTimeout(function(){
    $('.summary-item a[href="/work/freelancermag"]').attr('href','/happify-my-website');
	$('.summary-item a[href="/work/flight-and-flow"]').attr('href','/book-a-call');
	$('.summary-item a[href="/work/jenndd"]').attr('href','/links');
}, 2000);
});
</script>

@tuanphan This code super worked for me. I wonder if it's possible to open the link in a blank tab. Do you know how can I reach that?

On 4/3/2024 at 5:10 PM, aln2023 said:

@tuanphan This code super worked for me. I wonder if it's possible to open the link in a blank tab. Do you know how can I reach that?

Portfolio Page or Summary? Can you share link to page? I can give you code

@tuanphan I'm also struggling with this! The code didn't seem to work for me.

I am looking to redirect my /home/motion to my /motion page where everything has been created.

I prefer the layout of the /homepage setup which is why this is a preference for me. Any suggestions?

www.markgregory.com.au

8 hours ago, itsmarkgregory said:

@tuanphan I'm also struggling with this! The code didn't seem to work for me.

I am looking to redirect my /home/motion to my /motion page where everything has been created.

I prefer the layout of the /homepage setup which is why this is a preference for me. Any suggestions?

 

www.markgregory.com.au

You can use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.portfolio-hover-item[href="/home/motion"]').attr('href','/motion');
});
</script>

6 hours ago, tuanphan said:

You can use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('a.portfolio-hover-item[href="/home/motion"]').attr('href','/motion');
});
</script>

 

worked perfectly thank you!

Hi there, I think I have a similar challenge.  I'm hoping to have a project listed in my portfolio redirected to an external page from the portfolio page when clicked.  The ideal flow would be: 

Start on https://www.oliviacaesar.com/portfolio 

Navigate and click on "CART.COM • FORRESTER 2023 MARKETING INTEGRATION AWARD" project. 

And then be redirected to https://www.forrester.com/press-newsroom/forrester-roi-poy-award-winners-2023/ in a new tab. 

Is this possible? 

website password is obc