Jump to content

Member area homepage link - enable/disable login/account links

Recommended Posts

Oddly, when a member logs in to a member area, the browser is not redirected to the member homepage. I find this very awkward.

One suggestion was to create a link to the member homepage in the main menu. When a user is not logged in, the link will ask them to sign up, or sign in. Of course the problem with this is that there is a member homepage link, and also a login link.

I found that it is possible to disable the login link using header admin tools (great!), but this also disables the account link once the member is logged in (not great).

Q: Is there a css trick the will hide the login link in the main menu, but then not hide the account link in the member menu? Note that I have the member menu replacing the main menu.

Thanks! James

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

It will help us if you can give us some additional context:

  • We need to know the site's URL. This is essential for any question that involves code because it allows us to see the version/template and test potential solutions.
  • Screenshots of the issue(s).
  • A username/password for a member (or allow us to create one) so that we can logon to test it.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Thanks very much Paul,

Hopefully the following provides sufficient information.

I’ve set up a member account at:
https://caterpillar-apricots-k88b.squarespace.com/ (site password: MrBubbles)

 
Member credentials:
sqsptest@roseandermain.com
sqsptest123
 
You’ll see that if you log in using the standard LOGIN link, you do not go to the member homepage automatically. To me this is odd.
I created a custom link in the main navigation called ALT LOGIN which asks for signup, or signin and connects to the proper member homepage.
 
The problem is that we now have two ways to get in.
 
It turns out that it is possible to disable the standard LOGIN link by editing site header elements. However, this also disables the ACCOUNT panel within the member area. So, my hope is that there is a way to have it both ways. My question again:
 
Is there a css trick the will hide the LOGIN link in the main menu, but then not hide the ACCOUNT link in the member menu? 
 
Much appreciated!
James
Edited by RoseanderMain
forgot to add a thanks!!
Link to comment

Hey James

Thanks for providing the additional information. I'm now on the same page!

On Squarespace, the user account link in the header is captioned as 'Login' when the user hasn't been authenticated, and this caption changes to 'Account' when a user has been authenticated by logging in.

To hide the link when it's labelled Login, you can add this Custom CSS:

.user-accounts-link .unauth {
  visibility: hidden;
}

This will leave a space where the 'Login' link would have been, and the 'Account' link will appear in this space when the user has logged in.

If you'd prefer the 'Login' link to be removed and the gap to be closed, I'll need to provide you with some JavaScript instead.

I hope this helps.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 2 months later...

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.