ページ内リンクがうまくいきません

日本語 ディスカッション 技術的なQ＆A

Topic summary

ページ内リンクの設定で問題が発生しています。

問題の詳細:

  • メニューに「/#〇〇」形式でページ内リンクを設定
  • 他のページからのリンクは正常に機能
  • 同じページ内でクリックすると画面が真っ白になる
  • Prestigeテーマを使用中

試された対応:

  • 「/」を外して「#」のみにすると同一ページ内では動作するが、他のページからのリンクができなくなる
  • Prestige 7.3.6での検証では期待通りの動作が確認されたが、質問者の環境では問題が再現

最終的な解決策:

  • 原因は特定できなかったものの、2つのメニューを作成することで対応
    • トップページ用:「#〇〇」で設定
    • その他のページ用:「/#〇〇」で設定
  • それぞれのページで適切なメニューを表示することで問題を回避

根本的な原因は不明のまま、ワークアラウンドで対処した形です。

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

ページ内リンクを設定したくて、メニューページで「/#〇〇」を設定しました。

他のページからのリンクはうまくいくんですが、ページ内でリンクをクリックすると、画面が真っ白になってしまいます。何が原因でしょうか？

テーマはPrestigeを使っています。

2

@tagawayumino 様

開発ストアでのトライアルですが、

最新版のPrestige 7.3.6で、

<a href="/#hoge">linkToHoge</a>

をトップページの先頭に設置し、


Write or copy/paste Liquid code

をトップページの下に設置し、

ページ上部のリンクをクリックして確認してみました。

特に画面が真っ白になってしまうということもなく、期待通りの挙動をしました。

質問者様の状況には、何か発生条件があるように思うのですが、

いただいた情報だけではこれ以上調査ができません。

差し支えなければ、

プライベートメッセージで、

問題が発生していることを確認できるURLを頂戴できると何か分かるかもしれません。

(解決のお約束はできませんが。)

ご参考まで。

(キュー田辺)

3

ご回答ありがとうございます。「/」を付けず、「#」のみにすればうまくいくのですが…それだと他のページから飛べなくなるのでどうしたものかと…。

以下の質問と同様の現象だと思うのですが、この質問の解決策をPrestigeで応用することは可能ですか？

https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%B8%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF%E8%A8%AD%E7%BD%AE%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/m-p/1556377

4

結局原因がよくわからなかったので、トップページ用のメニュー（「#〇〇」で設定）とそれ以外のページ用のメニュー(「/#〇〇」で設定)

をつくり、それぞれに設定することで何とか表示されるようになりました。

1 Like