Jump to content

Member Area Log In Dialog Change

Recommended Posts

On 6/26/2024 at 3:31 AM, MuhammadIsa said:

Is it possible to change the titles for some of the items in this sidebar. I want to change "Digital Products" to "Courses". This might be a bit of a stretch but it would be nice!

There is no code I know of to do this. Please keep an eye on the following.

I can't make commitments but adding support for digital products is something I would like to add. In theory if you are a developer you could write a custom callback that might be able to do what you want. Adding a callback mechanism was my way of giving folks a way to do the stuff I haven't or won't get to.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 2 months later...

I have updated my cited code in the original post for this thread.

If your site is currently working the way you want there is no need to update at this time.

From the readme changes.

  • rework code to use JavaScript Module Patterns for twc, twc.malidc, and twc.malidc.callbacks. makes the initialization code a bit more dense but removes the need for the user to dive into this code to set callbacks. they just need to add a callback per that codes instructions

Let me know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 2 weeks later...
On 6/12/2024 at 7:46 AM, creedon said:

Use the twc-malidc-create class name I provided as part of my code.

.twc-malidc-create {

  display : none;
  
  }

This CSS goes in the same place as the other CSS.

Let us know how it goes.

Hi, This is a big help. I've been looking for this. But I need to do this as well without changing the login window content/CSS. How should I go about it? Thanks in advance!

Link to comment
On 9/26/2024 at 6:10 PM, Ralph_KCG said:

But I need to do this as well without changing the login window content/CSS. How should I go about it?

If I understand what you are asking for, you can't. Squarespace provides no way to make such changes, hence the need for my code if you want to make changes to the member area dialogs.

In general my code makes few changes to the dialogs themselves, save for adding some convenience classes that makes it easier to address some of the elements of the dialogs. The main function of my code is to open the door so that coders can write code to make changes they want.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 1 month later...

Hi @creedon, Apologies for bothering you and asking similar questions to others in the past; however, I have followed the steps mentioned in this post 

 , but I'm not seeing any changes to our sign-up pop-up. Could you perhaps see where we're going wrong?

Link https://www.thestll.com/memberships 

What's odd is I can see that adding 

.twc-malidc-create {

display : none;
  
}

Is working on the login pop-up

Edited by RichardMoyles
Link to comment
5 hours ago, RichardMoyles said:

I'm not seeing any changes to our sign-up pop-up

This is because you are using the twc-malidc-sign-up class. I suspect you want the twc-malidc-sign-in. My code supplies the two classes one for the sign up dialog and one for the sign in dialog.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
15 hours ago, creedon said:

This is because you are using the twc-malidc-sign-up class. I suspect you want the twc-malidc-sign-in. My code supplies the two classes one for the sign up dialog and one for the sign in dialog.

Firstly, thanks for responding as I'm sure you're busy. 

I'm trying to change both the sign-up pop-up that appears when clicking on the sign-up button on a digital product, in this case, a membership payment plan and sign-in pop-ups. However, only the sign-in pop-up seems to change. 

I've looked at the source code for the site listed in the message below, and I can't seem to spot any difference between what we've added. For some reason, our sign-up pop-ups for membership pricing plans on this page https://www.thestll.com/memberships don't appear to be changing. 

image.thumb.png.11f5d79140a15e59ef67f057ab216248.png

image.thumb.png.681b9fac996212b48ebc76b63c9bb829.png

Edited by RichardMoyles
Link to comment

Hi creedon

I am green at this stuff, so excuse my silly questions. 

I am looking to customise the member option on our Squarespace website to create an employee portal for access to internal documents/policies and support pages (health and wellbeing, etc.).

I have made a home screen that includes two options: register or log in. I want to update the text in both pop-ups rather than the generic text there. I have tried the code you mentioned via code inject, footer, and added the extra code in the top section, but I can't see any changes. I am not sure if they are editing the 2 pop-ups I mentioned, or am I just doing it all totally wrong?

We are a small start-up, so I am attempting to manage as much of this as I can, but I am a bit stumped. 

URL: https://www.gokopa.com/people-portal

I am also unsure if I am doing something wrong. The linked button for the login option reloads the homepage first. Is there a way to make the pop-up appear in the existing screen? I have tried to edit the URL with the page 'people-portal' in it, but it didn't work. https://www.gokopa.com/account/login

Another question I have is if it is possible to lock people who can register to a particular domain? Or that I have to review and access memberships? THANK YOU!

Screenshot 2024-11-04 at 9.45.14 am.png

Link to comment

@creedon, Thanks again for your work on this.

I believe I've discovered the root cause of my issue. For some reason, the class name on my site differs from the previous commenter's examples.

When I reviewed the other commenter's websites, I can see their class name on the digital product pop up is twc-malidc-sign-up, but our site has twc-malidc-sign-up-join

However, because of this, your code to change the titles doesn't work as expected as their class names differ, any possible workaround? 

@rookie21 - I took a look at your website, and from what I can see, you have the same issue as I do. The class names differ slightly. 

I'm a rookie at this also, so I'm not sure if this is a Sqsp issue, something we did wrong or something Creedon can help with. 

If you need an immediate workaround, you can just change the class to twc-malidc-sign-up-join however, as I've noted above, I can't get the titles to change correctly due to our sites having differing class names. 

Example 

 <x-twc-malidc-style style="display : none;">
  
  .twc-malidc-sign-up-join h1 ~ h3 {

  visibility : hidden;

  }

  .twc-malidc-sign-up-join h1 ~ h3::before {

  content : 'Testing Text Change';
  display : block;
  visibility : visible;

  }

 

Edited by RichardMoyles
Link to comment
On 11/3/2024 at 2:51 PM, rookie21 said:

I have made a home screen that includes two options: register or log in. I want to update the text in both pop-ups rather than the generic text there. I have tried the code you mentioned via code inject, footer, and added the extra code in the top section, but I can't see any changes. I am not sure if they are editing the 2 pop-ups I mentioned, or am I just doing it all totally wrong?

I can see an error occuring on your site.

Not sure if it's a bug in my code or a problem on your end. I'm investigating.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
On 11/3/2024 at 2:51 PM, rookie21 said:

Another question I have is if it is possible to lock people who can register to a particular domain? Or that I have to review and access memberships?

If I understand correctly this is not a feature of SS membership. There is no ability to review or approve the sign-ups. This is an oft requested feature and you can find many threads on this forum want this feature.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
23 hours ago, rookie21 said:

I am also unsure if I am doing something wrong. The linked button for the login option reloads the homepage first. Is there a way to make the pop-up appear in the existing screen?

As you've gone outside the SS margins, as I mentioned previously, I suspect you are getting undesired results.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
7 hours ago, RichardMoyles said:

When I reviewed the other commenter's websites, I can see their class name on the digital product pop up is twc-malidc-sign-up, but our site has twc-malidc-sign-up-join

The difference is probably that my code has evolved since the other poster installed my code. They are probably using an old version that only had one class name for the sign up/in dialog. My code now has two classes as I mentioned to you previously.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

 

I can see an error occuring on your site.

Not sure if it's a bug in my code or a problem on your end. I'm investigating.

 

I'm seeing a syntax error in your code.

    <!--

  
  <x-twc-malidc-style style="display : none;">

The <!-- should be removed. That is a start of an html comment which is commenting out a bunch of my code, which is causing the issue.

Now to be clear my code only handles modifying the dialog. Because you are painting outside the margins by linking buttons directly to the sign in/up links, my code has nothing to do with knowing what page you are on and not going to the home page issue you mentioned.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
16 hours ago, creedon said:

The difference is probably that my code has evolved since the other poster installed my code. They are probably using an old version that only had one class name for the sign up/in dialog. My code now has two classes as I mentioned to you previously.

Thanks again for the reply; unfortunately, I'm just too much of a rookie at this and not sure where I'm misusing your code. 

It's no problem. Thanks again for your time. 

Link to comment

Thanks for your time on this @creedon

YES IT WORKED! THANK YOU! Ahhhh such a relief! 

Question: Is there any way that once they log in, they will bounce to the member site home page? Currently, if I share the login URL, www.gokopa.com/account/login, it still bounces to the public home page. Or if I share this, https://www.gokopa.com/peopleportalhome, then the way that page is displayed isn't as nice??? 

Link to comment
9 hours ago, RichardMoyles said:

I'm just too much of a rookie at this and not sure where I'm misusing your code.

There are no h3 elements, that I can see, that are siblings to the h1 in the dialog so this CSS isn't going to work.

.twc-malidc-sign-in h1 ~ h3 {

  visibility : hidden;
  
  }

.twc-malidc-sign-up h1 ~ h3::before {

  content : 'Create an account or sign-in to unlock The STLL self-development library.';
  display : block;
  visibility : visible;
  
  }

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.