I'm designing a wholesale site for a client using shopify basic plan. I had to build a page to prevent anyone from accessing the store but this page allows you to log in or to request access to the site. I'm working through the what-ifs and right now everything is ok except for the forgot password link.
It's not taking you to the forgot password page to reset it or request a new one. The page just refreshes which I don't want.
I'm an amateur coder and I've been trying to work with shopify's liquid code to just copy info from the login-form.liquid to the forgot password section in my code below.
The site is currently https://elietian.myshopify.com>. You can see the wholesale page there
Here's what I have.
<div class="submit-area"><input type="submit" value="SIGN INTO MY ACCOUNT"><div style="display:none;" class="sign-in">
New Customer? <a href="/account/register">Sign up →</a></div><p class="text-center"><a href="#" onclick="showRecoverPasswordForm();return false;" style="color:#000 !important;">Forgot your password?</a></p></div><input type="hidden" id="login_checkout_url" name="checkout_url" value=""></form><div class="alert alert-success" id="resetSuccess" style="display:none;">We've sent you an email with a link to update your password.</div><div id="recover_password" style="display: none;"><h3 style="margin-bottom: 25px;">Reset your password</h3><form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password"><input type="hidden" name="utf8" value="✓"><style>
.loginh3 {
display: block;
}
</style><p class="recover-notice">We will send you an email to reset your password.</p><div class="form-reset-password"><label for="recover-email">Email</label><input type="email" value="" name="email" id="recover-email"></div><div class="recover-password-submit-area"><input type="submit" value="Submit"><button class="cancel-button"><a href="#" style="color:black" id="cancel-link" onclick="hideRecoverPasswordForm();return false;">Cancel</a></button></div><input type="hidden" id="login_checkout_url" name="checkout_url" value=""></form></div></div>