FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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

tagawayumino
Shopify Partner
10 3 1

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

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

 

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

1 件の受理された解決策

tagawayumino
Shopify Partner
10 3 1

成功

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

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

元の投稿で解決策を見る

3件の返信3

Qcoltd
Shopify Partner
1173 475 459

@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

成功

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

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