Jump to content

How to disable an individual subpage clickthrough in a portfolio page

Recommended Posts

Posted

Site URL: https://disc-flugelhorn-8y8h.squarespace.com/

Hello! I am having an issue with my portfolio site...

The home page is a portfolio page with sub-pages that have hover over title displays. 

My intention is to disable the clickthrough links for individual sub-pages as I would only like a few of the images on the portfolio page to click through. Is there any way to disable an isolated subpage to clickthrough from the portfolio home page?

Any help would be much appreciated. I am understanding reading this that the code you are referring to applies to ALL of the subpages on the portfolio page, and this is not what I want to do.

I have attached an image of the homepage grid. You will see on the far right, an image with the hover over title called, THE RUSE. I want to  disable this to click-through to the subpage it is attached to. The other 2 images you see in the screenshot, I'd like to stay click-through.

The next image displays the individual project page setting options. I have a business account and I cannot find a way to make this happen.

Is this not possible? 

1066582706_ScreenShot2020-05-25at3_50_53PM.thumb.png.d27057852023d89e5887c56dfae1bd10.png80972165_ScreenShot2020-05-25at4_08_03PM.thumb.png.4d30c3b2d99b78aed0f42851b2aae9d3.pngThanks so much in advance.

Screen Shot 2020-05-25 at 3.52.55 PM.png

  • 1 year later...
  • 1 year later...
Posted
On 2/23/2023 at 1:11 PM, MikeAwo said:

Hello, 

Looking to do same on my site
https://koala-bulldog-969f.squarespace.com/

The subs I want disabled are Adidas, KPMG, Unbox and Stanbic IBTC. Can you help? @tuanphan

I also want the titles of other subs to fade into the background drastically when a sub is highlighted. is this possible?

Hi,

You mean this section on homepage?

image.thumb.png.8ac39550aa58788b29836ede0b550924.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 2/28/2023 at 2:47 PM, tuanphan said:

Add to Design > Custom CSS

.portfolio-hover[data-mode="hover-cover"][data-height="custom"] li:nth-child(n+10) {
    display: none;
}

 

Thanks for the response @tuanphan
This code however hides the projects. I want them displayed but with disabled clicks. So I can't click them but I can view. Is that possible?

Posted
On 3/4/2023 at 1:32 AM, MikeAwo said:

Thanks for the response @tuanphan
This code however hides the projects. I want them displayed but with disabled clicks. So I can't click them but I can view. Is that possible?

Remove the code & add this to Last Line in Code Injection > Footer

<script>
$(document).ready(function() {
	$('.portfolio-hover[data-mode="hover-cover"][data-height="custom"] li:nth-child(n+10) a').removeAttr('href');
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 months later...
Posted

hello!! tuanphan can you help me? I have a similar situation, the portfolio has some subpages that are not ready yet, but the site needs to go live, so my client asked that these pages not be accessed, while the others are, is there a possibility for that? thanks for the precious help,  and excuse my grammar mistakes... I use a translator, patience... thanks

Posted
On 5/17/2023 at 7:19 PM, silviaribeiro said:

hello!! tuanphan can you help me? I have a similar situation, the portfolio has some subpages that are not ready yet, but the site needs to go live, so my client asked that these pages not be accessed, while the others are, is there a possibility for that? thanks for the precious help,  and excuse my grammar mistakes... I use a translator, patience... thanks

Yes. Possible. We can hide these items on Portfolio Page. If you share link to portfolio page & let me know which items you want to hide, we will give the code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 5/20/2023 at 12:41 AM, tuanphan said:

Yes. Possible. We can hide these items on Portfolio Page. If you share link to portfolio page & let me know which items you want to hide, we will give the code

 

On 5/20/2023 at 12:41 AM, tuanphan said:

Yes. Possible. We can hide these items on Portfolio Page. If you share link to portfolio page & let me know which items you want to hide, we will give the code

oh great, at the moment my client has given up using this resource but it's good to know that it exists! super thanks for the feedback!!!

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.