Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Disabling Portfolio Project Pages in Squarespace Version 7.1


Recommended Posts

I've run into a bit of an issue with hiding individual collection pages in Squarespace 7.1. Normally, by clicking on the settings for a page, you are able to enable or disable that page. However with the new system of "Portfolio Collections" that page disable option does not exist for individual portfolio project pages. I may be mistaken, but as far as I can tell, there is no way to hide these pages (screenshots attached for reference). 

This is incredibly troubling as you cannot create drafts of projects, nor if you are duplicating other projects, they will be live with duplicate content until you fix it. 

I was thinking possibly that you could move collection pages to other collection pages(in the way you can move products from shop to shop), so in essence you could pre-build the portfolio page on a hidden portfolio collection and move it to the live portfolio collection, but there doesn't seem to be a way to do this either.

Any advice on how I could make hidden pages in the existing Portfolio Collection system or is this just a fault in the new version?

Screen Shot 2020-01-09 at 2.03.01 PM.png

Screen Shot 2020-01-09 at 2.03.27 PM.png

Link to post
  • 3 weeks later...
  • Replies 31
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

I've run into a bit of an issue with hiding individual collection pages in Squarespace 7.1. Normally, by clicking on the settings for a page, you are able to enable or disable that page. However with

Yes. It's a bit arbitrary why portfolio's in 7.1 can't be password protected yet pages can. A entirely plausible usage-case is you have a body of work, not just a single project, that requires it be h

I am experiencing the exact same problem and for the same reasons. I dislike how the content being actively worked on for my site is live the whole time. Just looks sloppy on my part even though there

Posted Images

I am experiencing the exact same problem and for the same reasons. I dislike how the content being actively worked on for my site is live the whole time. Just looks sloppy on my part even though there isn't anything I can do about it other than consider alternative templates or platforms.

Another issue I have that is related to this problem is there doesn't appear to be a way to password protect individual pages within the portfolio folder either. This would be useful so that I could lock down content for specific pages that might have projects under NDA (among other reasons).

Edited by Erikthered
Link to post
  • 2 weeks later...

Hi, I had the same problem. There are no settings currently to be able to do this which is fairly annoying. There is however a workaround so you can have a live portfolio page. On the portfolio you want to do this:

Go to Portfolio Settings -> Advanced -> Add the following code to the page header injection.

<style>
  a[href="/portfolio/page-url"] { display: none; }
</style>

The page URL can be found by right clicking and inspect on the portfolio tile and looking at the code. Note it does not include your website url.

Hope this helps.

Link to post
  • 2 weeks later...

I think the ideal would be to make it possible to move projects among different portfolios. That way:

  1. I can create a portfolio (X) that holds my "template" for projects
  2. I can hide Portfolio X so that it's not visible to the public, only to admins
  3. I can create projects in Portfolio X and then move them to a live portfolio when ready.

As it stands, looks like I'll have to use @mforny 's solution...but I'll have to create a different template in each portfolio.

Link to post
  • 3 weeks later...
On 2/7/2020 at 2:12 AM, mforny said:

<style>
  a[href="/portfolio/page-url"] { display: none; }
</style>

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>

Link to post
  • 1 month later...

to add onto this thread, i have tried using this method of hiding the portfolio project (the above bit of code worked for me), but basically you will see gaps in the grid where your projects used to be when your project is successfully hidden.

to solve that, i reorganized the projects and dragged the ones i hid to the bottom, but this just gathers all the hidden projects together and looks like you have a ton of white space beneath the grid of visible projects. this is especially apparent when you have 1 row's worth of images hidden (it looks like a super super big footer).

it seems that the portfolio grid doesn't recognize that those projects aren't visible anymore and stays the same height as if they were still visible. any ideas on how i could solve for this?

Edited by dsgnrdsgnr
Link to post
16 hours ago, dsgnrdsgnr said:

to add onto this thread, i have tried using this method of hiding the portfolio project (the above bit of code worked for me), but basically you will see gaps in the grid where your projects used to be when your project is successfully hidden.

to solve that, i reorganized the projects and dragged the ones i hid to the bottom, but this just gathers all the hidden projects together and looks like you have a ton of white space beneath the grid of visible projects. this is especially apparent when you have 1 row's worth of images hidden (it looks like a super super big footer).

it seems that the portfolio grid doesn't recognize that those projects aren't visible anymore and stays the same height as if they were still visible. any ideas on how i could solve for this?

You can try using JavaScript to remove. It won't create gap

I solved simiar case for a client last week.

If you share link to your site, I can take a look.

Link to post
  • 2 weeks later...
On 3/10/2020 at 3:24 PM, bakermads said:

<style>
  a[href="/portfolio/page-url"] { display: none; }
</style>

Hi, I am frustrated with this also. Question, did you upgrade to a Business or Commerce plan to be able to use this code? 

Link to post

Hi, I am frustrated with this also. Question, did you upgrade to a Business or Commerce plan to be able to use this code? 

<style>
  a[href="/portfolio/page-url"] { display: none; }
</style>

Screen Shot 2020-05-08 at 11.17.50 AM.png

Edited by NestofSpies
Link to post
On 5/8/2020 at 11:17 PM, NestofSpies said:

Hi, I am frustrated with this also. Question, did you upgrade to a Business or Commerce plan to be able to use this code? 

<style>
  a[href="/portfolio/page-url"] { display: none; }
</style>

You can add to Home > design > Custom CSS, with Personal/Trial Plan

a[href="/portfolio/page-url"] { display: none; }

 

Edited by tuanphan
Link to post
  • 2 weeks later...

Also can't see why it is not a basic feature within version 7.1. and should require any custom CSS or coding.

Surely a project page takes even longer than a normal page to build and should be hidden until it is ready to be live. Hope this can be addressed soon Sqaurespace ;) 

 

Link to post
  • 2 months later...
  • SpencerC locked this topic
  • SpencerC unlocked this topic
  • 3 weeks later...

This is super frustrating! like mentioned above, building a project page takes even longer than a normal page to build and should be hidden until it is ready to be live. I really hope this can be addressed soon Sqaurespace and at the meantime we're all "locked" in this painful experience. what am I suppose to do at the meantime? how come older versions like 7.0 has it while I don't? and how do I switch to this older version if i wish without damaging everything I built?

Link to post

Seconding this issue. A portfolio/project page takes time to create and curate. Having it go live as soon as it's created is unacceptable. The solution linked above by Jo_G does not work for this use case. I don't want to password protect my entire Portfolio collection, just the 1 new item that I'm adding to the existing collection.

Currently it looks like it's impossible to hide / password protect an individual collection item without resorting to CSS hacks.

Link to post
  • 4 weeks later...

So freaking mad because I am re-branding and I didn’t realize that when I chose a new template for the new site that it’s a portfolio site. I don’t work for Squarespace. How the eff and I supposed to know that? There’s literally nothing that tells you that’s a differently formatted site where you can’t delete that portion off the home page and just call it a day. Hopefully I can quickly recreate the extremely custom home page I’ve been working on for three days on another page and make it the home page and shove the portfolio one down the unlinked pages tube.

Edited by biggiesmalls
Link to post

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

Having this same issue. Basically can't add a draft project, or hide a project without deleting it?!  Any new project I add is immediately available to view (even if it's still a draft) unless I hide my entire portfolio. Can't believe this still hasn't been resolved.  It's a major oversite for a template that's supposedly made for portfolios.  Disappointed but not surprised bc I've found the UX to be bad overall on Squarespace.  

Also tried some of the custom coding suggestions, but didn't have any luck.

Link to post
23 minutes ago, hch said:

Having this same issue. Basically can't add a draft project, or hide a project without deleting it?!  Any new project I add is immediately available to view (even if it's still a draft) unless I hide my entire portfolio. Can't believe this still hasn't been resolved.  It's a major oversite for a template that's supposedly made for portfolios.  Disappointed but not surprised bc I've found the UX to be bad overall on Squarespace.  

Also tried some of the custom coding suggestions, but didn't have any luck.

Try the guide I commented above. I solved this for some members yesterday

 

Link to post

Tried the 'hide' code but got the attached popup

Quote

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

 

Screenshot 2021-01-10 at 11.59.17.png

Link to post

Running into problems with the suggested code fix as well-

Part of the problem might be that I have a personal account and am using the portfolio as my home page (it appears custom code isn't available to the homepage on a personal account). 

I tried creating a new portfolio page that isn't used as the homepage, and still the code doesn't appear to be working. I'm not getting any errors, the project is still accessible and visible on the portfolio page

 

EDIT: 

Actually i think i got it sorted: 

I pulled a different bit of code from another one of Tuanphan's Posts and removed some of the more specific bits to that comment. 

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

Now it hides any url I add draft too (i've been adding it to the start of the URL, don't know if that is making a difference) even when it is a portfolio page being used as the home page. 

 

Hope this helps others... Ultimately this really shouldn't be so complicated, but I'm glad there's at least an active forum to support these issues. 

Edited by amatho20
Fixed my issue
Link to post

This is really unacceptable. I launched my website with a minimum set of portfolio projects, now if I want to add more I have to disable my website so viewers don't view a draft before it's ready? This is a HUGE oversight on the teams part and needs to be rectified immediately. What's the status on fixing this Squarespace team? 

Link to post

Why not build a new portfolio in the unlinked section of your site? Won't be on the nav bar and can't be seen without knowing the exact url slug. I know that this doesn't help with building new project sections in an existing portfolio page, but seems good to create a new project if you can use a new portfolio.

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...