Disabling Portfolio Project Pages in Squarespace Version 7.1

This is very frustrating. I have read through this thread and unable to get any of the code to work.

Can anyone please help with code to hide these 2 from the menu. @tuanphan

•Mike Giesser
•More Studio

https://www.projektmono.com/interviews/

SquareSpace please get your act together. This thread dates back to 2020 and still no fix. WTF?

5 hours ago, DamoTavz said:

This is very frustrating. I have read through this thread and unable to get any of the code to work.

Can anyone please help with code to hide these 2 from the menu. @tuanphan

•Mike Giesser
•More Studio

https://www.projektmono.com/interviews/

SquareSpace please get your act together. This thread dates back to 2020 and still no fix. WTF?

 

Add to Design > Custom CSS

body#collection-6240fa5cb21e052e9a7baa38 a.portfolio-hover-item:nth-child(n+2) {
    display: none;
}

On 4/26/2022 at 6:26 PM, tuanphan said:

Add to Design > Custom CSS

body#collection-6240fa5cb21e052e9a7baa38 a.portfolio-hover-item:nth-child(n+2) {
    display: none;
}

 

Thanks so much @tuanphan That worked well

On 11/11/2021 at 2:57 AM, tuanphan said:

Yes. all pagination

Hey @tuanphan - Is there anyway to not have this impact of making it a draft reflected in the URL? The only reason I ask is, yes I want some hid from the front end of the website temporarily, but would like it to still be accessed at the same link and also changing the url over again impact SEO success. Thanks in advance.  

On 4/30/2022 at 11:18 PM, Patterson said:

Hey @tuanphan - Is there anyway to not have this impact of making it a draft reflected in the URL? The only reason I ask is, yes I want some hid from the front end of the website temporarily, but would like it to still be accessed at the same link and also changing the url over again impact SEO success. Thanks in advance.  

Hi,

You mean you want to remove "draft" from url or?

11 hours ago, tuanphan said:

Hi,

You mean you want to remove "draft" from url or?

Yeah, just wasn't sure if there was a way to keep it as a draft but not impact the url.

On 5/6/2022 at 12:07 AM, Patterson said:

Yeah, just wasn't sure if there was a way to keep it as a draft but not impact the url.

You can remove draft, however then you need to share link to portfolio page, we will give new code to remove it from portfolio page

On 5/7/2022 at 9:17 AM, tuanphan said:

You can remove draft, however then you need to share link to portfolio page, we will give new code to remove it from portfolio page

here is the currently url... https://gogreenfieldhomes.com/manufactured-multi-section/draft-holly-berry-haven

I would simply remove 'draft-' from it when I do as instructed. I didn't want to have it showing yet so I have just provided the link.

On 3/10/2020 at 4:24 PM, bakermads said:

This particular bit of code didn't work for me (I'm in the Nolan template) but I was able to make this work:

<style>
  a[href="/portfolio-name/page-url"] { visibility: hidden; }
</style>

I've seen some replies about this so: for this code to work without having a gap in your portfolio grid, you should change your code to:

<style>
  a[href="/portfolio-name/page-url"] { visibility: hidden; position: absolute;}
</style>

On 1/6/2021 at 8:15 AM, tuanphan said:

To disable draft project page, follow this

First, add this code to Design > Custom CSS

/* Hide Draft Portfolio */
div.portfolio-grid-basic .grid-item[href*="draft"] {
    display: none;
}

Next, Edit Project >> Add this into URL: draft

Assuming project has url is  /artists/dawn-waters-bake

change it to  /artists/dawn-waters-bake-draft
Above code will hide all projects whose urls contain text “draft” in portfolio page

This has worked for me perfectly, thanks much!!!

Here to voice my frustration. Really wish I researched more before building my entire website on this platform. Time and time again Squarespace seems to be missing very basic design and operation functionalities requiring additional code to resolve their lack of design. 😑

I just want to hide a project page from the portfolio view but link it somewhere else in my website. Why would this function not be considered by their design team, this seems so basic.

Agree with everyone. This is a huge miss and is incredibly frustrating. I couldn't get the code that has been shared to work so I had to delete a draft portfolio page just to publish my site. Really disappointed. The fact ya'll shipped this without supporting draft portfolio pages is mind blowing. 

Hello! I have tried the codes @tuanphansuggested, but nothing seems to work - I need to hide a few project from my portfolio....

12 hours ago, Ale_B said:

Hello! I have tried the codes @tuanphansuggested, but nothing seems to work - I need to hide a few project from my portfolio....

Can you share link & which project you want to hide?

@tuanphan here is the link: https://www.alessandrabosi.com/
page I would like to hide is:
https://www.alessandrabosi.com/work/biotifuldairy-draft

22 hours ago, Ale_B said:

@tuanphan here is the link: https://www.alessandrabosi.com/
page I would like to hide is:
https://www.alessandrabosi.com/work/biotifuldairy-draft

Add to top of Custom CSS box

a.grid-item[href*="-draft"] {
    display: none !important;
}

I must confess I am shocked this is not part of the standard feature set.

Someone at Squarespace, please get this in front of the to do list.

I think I have a workaround for this but it's very annoying and Squarespace really needs to add this feature properly. 

We can't seem to use Portfolios and Projects the way we need to, but we can possibly fake it by creating our Projects as normal Pages and using the Image Gallery function to simulate the Portfolio layouts. The thumbnails can link to the Project Pages and we can build the pagination into each page. 

Here's a quick and dirty demo: https://pineapple-guitar-4h86.squarespace.com/portfoliohack password: squarespacehelp

The problem for me is the Gallery function's Simple Grid mode doesn't allow for hover text overlays like the Portfolio does (another bizarrely missing feature). There must be a relatively simple way to hand-code that and style it? Assuming there is, I think you could have something that looks like a Portfolio page and functions like one ought to. 

14 hours ago, AndyKhouri said:

I think I have a workaround for this but it's very annoying and Squarespace really needs to add this feature properly. 

We can't seem to use Portfolios and Projects the way we need to, but we can possibly fake it by creating our Projects as normal Pages and using the Image Gallery function to simulate the Portfolio layouts. The thumbnails can link to the Project Pages and we can build the pagination into each page. 

Here's a quick and dirty demo: https://pineapple-guitar-4h86.squarespace.com/portfoliohack password: squarespacehelp

The problem for me is the Gallery function's Simple Grid mode doesn't allow for hover text overlays like the Portfolio does (another bizarrely missing feature). There must be a relatively simple way to hand-code that and style it? Assuming there is, I think you could have something that looks like a Portfolio page and functions like one ought to. 

Hover > Show overlay, or hover >> show text + overlay? If show overlay only, add this to Design > Custom CSS

/* .slide hover */
.slide a:after {
    content: "";
    display: block;
    background: rgb(128, 0, 128, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.slide:hover a:after {
    opacity: 1;
    transition: all 0.3s;
}

If overlay + text, let me know, we will give another code

This thread has been really helpful, so thank you all 👊

Now individual projects have been disappeared on page, is there anyway to hide them from search engines too?

On 11/10/2022 at 5:01 PM, tuanphan said:

Hover > Show overlay, or hover >> show text + overlay? If show overlay only, add this to Design > Custom CSS

/* .slide hover */
.slide a:after {
    content: "";
    display: block;
    background: rgb(128, 0, 128, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.slide:hover a:after {
    opacity: 1;
    transition: all 0.3s;
}

If overlay + text, let me know, we will give another code

Hover + overlay + text please! Thx

On 11/12/2022 at 9:00 PM, wearequbit said:

This thread has been really helpful, so thank you all 👊

Now individual projects have been disappeared on page, is there anyway to hide them from search engines too?

Hi, I don't think you can do this

However we can add a redirect code to these page, then, when users click on search on search engine >> browser will redirect to new page

What do you think?

On 11/13/2022 at 2:26 PM, AndyKhouri said:

Hover + overlay + text please! Thx

Use this new code

/* .slide hover */
.slide a:after {
    content: "";
    display: block;
    background: rgb(128, 0, 128, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}
.slide:hover a:after {
    opacity: 1;
    transition: all 0.3s;
}
/* Show overlay on hover */
.slide:hover .image-slide-title {
	opacity: 1;
}
/* move title over overlay + hide it initial */
.image-slide-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    text-align: center;
    color: white;
    opacity: 0;
    z-index: 1000;
    transition: all 0.5s;
    pointer-events: none;
    white-space: initial !important;
}

33 minutes ago, tuanphan said:

Hi, I don't think you can do this

However we can add a redirect code to these page, then, when users click on search on search engine >> browser will redirect to new page

What do you think?

Good idea... and probably the best we can hope for within today's SQSP constraints.

Thanks, @tuanphan

We are nearing the end of 2022 and this has still not been resolved. I have submitted my website as part of job applications and can't currently add any new design case studies. Anyone viewing my website would see me working on it – really? 

This is not okay, Squarespace.