Jump to content

Disabling Portfolio Project Pages in Squarespace Version 7.1

Recommended Posts

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.

Link to comment
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>

Link to comment
  • 3 months later...
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!!!

Link to comment
  • 2 weeks later...

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.

Edited by CoorlasArchitecture
Link to comment

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. 

Link to comment
  • 2 weeks later...
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?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
22 hours ago, Ale_B said:

Add to top of Custom CSS box

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

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 5 weeks later...

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. 

Edited by AndyKhouri
more specificity
Link to comment
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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Link to comment
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?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Link to comment

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.

Link to comment

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.