FROM CACHE - jp_header
解決済

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

tagawayumino
Shopify Partner
10 3 1

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

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

 

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

1 件の受理された解決策

tagawayumino
Shopify Partner
10 3 1

成功

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

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

元の投稿で解決策を見る

3件の返信3

Qcoltd
Shopify Partner
1051 429 413

@tagawayumino 様

 

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

最新版のPrestige 7.3.6で、

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

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

<p id="hoge">Write or copy/paste Liquid code</p>

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

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

 

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

 

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

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

 

差し支えなければ、

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

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

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

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
tagawayumino
Shopify Partner
10 3 1

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

以下の質問と同様の現象だと思うのですが、この質問の解決策を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%...

tagawayumino
Shopify Partner
10 3 1

成功

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

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