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

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

Share this post


Link to post

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

Share this post


Link to post

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.

Share this post


Link to post

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 hidden.

This ought to be addressed.

Share this post


Link to post

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.

Share this post


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

Share this post


Link to post
Posted (edited)

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

Share this post


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.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


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

Share this post


Link to post
Posted (edited)

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

Share this post


Link to post
Posted (edited)
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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

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 ;) 

 

Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...