Solved

Password recover option does not show up when clicked on

asd123
Excursionist
20 0 8

Hello,

we recently discovered that the password recovery form does not work when we click on it. How to fix that? Brooklyn theme.

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @asd123 ,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to templates > customers/login.liquid and paste this at the bottom of the file:

<script type="text/javascript">
  document.getElementById('RecoverPassword').addEventListener('click', showRecoverPasswordForm);
  document.getElementById('HideRecoverPasswordLink').addEventListener('click', hideRecoverPasswordForm);
  function showRecoverPasswordForm() {
    document.getElementById('RecoverPasswordForm').style.display = 'block';
    document.getElementById('CustomerLoginForm').style.display='none';
  }

  function hideRecoverPasswordForm() {
    document.getElementById('RecoverPasswordForm').style.display = 'none';
    document.getElementById('CustomerLoginForm').style.display = 'block';
  }

  if (window.location.hash == '#recover') { showRecoverPasswordForm() }
</script>


Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 3 (3)

LitExtension
Shopify Partner
4860 1001 1132

Hi @asd123,

Please send your site and if your site is password protected, please send me the password.
I will check it for you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @asd123 ,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to templates > customers/login.liquid and paste this at the bottom of the file:

<script type="text/javascript">
  document.getElementById('RecoverPassword').addEventListener('click', showRecoverPasswordForm);
  document.getElementById('HideRecoverPasswordLink').addEventListener('click', hideRecoverPasswordForm);
  function showRecoverPasswordForm() {
    document.getElementById('RecoverPasswordForm').style.display = 'block';
    document.getElementById('CustomerLoginForm').style.display='none';
  }

  function hideRecoverPasswordForm() {
    document.getElementById('RecoverPasswordForm').style.display = 'none';
    document.getElementById('CustomerLoginForm').style.display = 'block';
  }

  if (window.location.hash == '#recover') { showRecoverPasswordForm() }
</script>


Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
asd123
Excursionist
20 0 8

It worked! Thanks a lot.