Liquid、JavaScriptなどに関する質問
ページ内リンクを設定したくて、メニューページで「/#〇〇」を設定しました。
他のページからのリンクはうまくいくんですが、ページ内でリンクをクリックすると、画面が真っ白になってしまいます。何が原因でしょうか?
テーマはPrestigeを使っています。
解決済! ベストソリューションを見る。
成功
結局原因がよくわからなかったので、トップページ用のメニュー(「#〇〇」で設定)とそれ以外のページ用のメニュー(「/#〇〇」で設定)
をつくり、それぞれに設定することで何とか表示されるようになりました。
開発ストアでのトライアルですが、
最新版のPrestige 7.3.6で、
<a href="/#hoge">linkToHoge</a>
をトップページの先頭に設置し、
<p id="hoge">Write or copy/paste Liquid code</p>
をトップページの下に設置し、
ページ上部のリンクをクリックして確認してみました。
特に画面が真っ白になってしまうということもなく、期待通りの挙動をしました。
質問者様の状況には、何か発生条件があるように思うのですが、
いただいた情報だけではこれ以上調査ができません。
差し支えなければ、
プライベートメッセージで、
問題が発生していることを確認できるURLを頂戴できると何か分かるかもしれません。
(解決のお約束はできませんが。)
ご参考まで。
(キュー田辺)
ご回答ありがとうございます。「/」を付けず、「#」のみにすればうまくいくのですが…それだと他のページから飛べなくなるのでどうしたものかと…。
以下の質問と同様の現象だと思うのですが、この質問の解決策をPrestigeで応用することは可能ですか?
成功
結局原因がよくわからなかったので、トップページ用のメニュー(「#〇〇」で設定)とそれ以外のページ用のメニュー(「/#〇〇」で設定)
をつくり、それぞれに設定することで何とか表示されるようになりました。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024