Custom URL Slug for Portfolio Items

Site URL: https://plainspaces.com/artists

Does anyone know what coding can be used to change the clickthrough URL when you hover over and select an item from a portfolio? I want it to go to an external link, such as instagram.

THANK YOU

Hi. If you use a Business Plan or higher, we can do this uiwth script code. Which plan do you use? Which project do you want to change?

@tuanphan Could you help us out with the script to change the clickthrough URL's. I want the portfolio effect, but then link each item to a custom page and url instead of a portfolio page with fixed url. Many thanks in advance!

On 1/20/2021 at 6:33 PM, JamesRoeser said:

Site URL: https://plainspaces.com/artists

Does anyone know what coding can be used to change the clickthrough URL when you hover over and select an item from a portfolio? I want it to go to an external link, such as instagram.

THANK YOU

@JamesRoeser I see on your website that you've fixed it! Would you please share the information on how this is done?

On 2/3/2021 at 6:35 PM, ischa.vieten said:

@tuanphan Could you help us out with the script to change the clickthrough URL's. I want the portfolio effect, but then link each item to a custom page and url instead of a portfolio page with fixed url. Many thanks in advance!

On 2/3/2021 at 6:35 PM, ischa.vieten said:

@tuanphan Could you help us out with the script to change the clickthrough URL's. I want the portfolio effect, but then link each item to a custom page and url instead of a portfolio page with fixed url. Many thanks in advance!

Can you share site url?

They used this code

<script>
(function(){
	window.addEventListener('load', function() {
	var link = document.querySelector('a[href="/plainspaces/danielhex"]');
     link.target="_blank"; link.rel="noopener noreferrer"; link.href = 'https://www.instagram.com/danielhex/';
})
  
  	window.addEventListener('load', function() {
	var link = document.querySelector('a[href="/plainspaces/trentmadison"]');
     link.target="_blank"; link.rel="noopener noreferrer"; link.href = 'https://www.instagram.com/trentxmadison/';
})
  
  	window.addEventListener('load', function() {
	var link = document.querySelector('a[href="/plainspaces/obedpadilla"]');
     link.target="_blank"; link.rel="noopener noreferrer"; link.href = 'https://www.instagram.com/obedpadilla_/';
})
  
    	window.addEventListener('load', function() {
	var link = document.querySelector('a[href="/plainspaces/jerm"]');
     link.target="_blank"; link.rel="noopener noreferrer"; link.href = 'https://www.instagram.com/jermtown/';
})
  
    	window.addEventListener('load', function() {
	var link = document.querySelector('a[href="/plainspaces/loudy-luna"]');
     link.target="_blank"; link.rel="noopener noreferrer"; link.href = 'https://www.instagram.com/loudyluna/';
})
  
  
})()

</script>

Hi @tuanphan - I'm trying to do a similar thing for the new website I'm designing.

I am keen on having the functionality of the portfolio hover page to be the homepage, but I want the last portfolio item to link to a different page.

I saw the above code but was wondering if you might offer some clarification on how to adjust it to my needs. Happy to share the website if that helps.

Thanks in advance!

On 12/30/2022 at 11:27 PM, jonasberry said:

Hi @tuanphan - I'm trying to do a similar thing for the new website I'm designing.

I am keen on having the functionality of the portfolio hover page to be the homepage, but I want the last portfolio item to link to a different page.

I saw the above code but was wondering if you might offer some clarification on how to adjust it to my needs. Happy to share the website if that helps.

Thanks in advance!

What is your site url? We can help easier