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