Shopify themes, liquid, logos, and UX
Hello,
we recently discovered that the password recovery form does not work when we click on it. How to fix that? Brooklyn theme.
Solved! Go to the solution
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.
Hi @asd123,
Please send your site and if your site is password protected, please send me the password.
I will check it for you.
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.
It worked! Thanks a lot.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024