パスワードリセットのリンクが機能しない

AI-generated summary

  • ログインページのカスタマイズ後、パスワードリセットリンクが動作しなくなった。hrefや該当JavaScriptは未変更で、オリジナルコードに戻しても改善しない状況。
  • 原因は断定できないが、JavaScriptによるクラス(表示切替)のトグルが機能していなかった可能性が高い。クラス切り替え処理を追加したところ、リンクは正常に機能するようになった。
  • 参考として、GitHub上のcustomers/login.liquidのサンプル実装(外部リンク)が挙げられている。添付コードはなし。
  • 現時点で動作は改善済み。根本原因の詳細は未解明だが、JSのクラス切り替え不足が主因と見られ、議論は実質的に収束。

ログインページのカスタマイズを行ったところ、パスワードリセットのリンクが機能しなくなってしまいました。

href属性は手を加えていませんし、この部分のJavaScriptもそのままです。

Shopifyサポートからはコードが編集されていることが原因になっているとお話があったため、試しにオリジナルのコードにも戻してみましたが、オリジナルのコードでもパスワードリセットのリンクが機能しない状態です。

原因がお分かりの方はいらっしゃいますでしょうか?

原因は未だ特定できておりませんが、どうやらJavaScriptのクラスの切り替えが機能していなかったようです。

以下のページを参考に、クラスの切り替え処理を追加してあげることで改善しました。

https://github.com/stephsharp/shopify-tutorial-tetchi/blob/master/templates/customers/login.liquid