FROM CACHE - jp_header

ヘッダーハンバーガーメニューでのページ内リンク設定方法

解決済
米粉パン
観光客
14 0 1

スマホ時にヘッダーにハンバーガーメニューが表示されるようにしております。

ハンバーガーメニューにはヘッダーメニューの設定より、URL直打ちでページ内リンクをもつURLを設定しております。

(例:https://example.myshopify.com#page-section-id)

 

ですが、ハンバーガーメニューからページ内リンクをクリックしても、ページ内リンクが機能しません。

もし対処法をご存知の方がいらっしゃいましたら、ご教授いただけますと幸いです。

 

お手数をおかけいたしますが、何卒よろしくお願いいたします。

1 件の受理された解決策

ベストソリューション
toooru
Shopify Partner
93 52 97

成功

試してみましたが、正常にページ内リンク先に飛びました。

よっておそらくIDが見つからない(=IDが間違っている、もしくはURLパスの設定が間違っている)かと思われます。

リンク先の設定画面でもし「#page-section-id」とだけ設定されているとすると、現在表示しているページ内にそのIDが存在しなければ飛びません。

「/#page-section-id」とスラッシュをつければトップページの該当IDに飛びますし、「https://〜」から記載すればそのURLの該当IDに飛びます。

ページ内リンクさせたいのはどのページなのか、また設定はあっているのかを再度ご確認いただければと思います。

※飛び先のhttp://から始まるURLと、設定画面のキャプチャなどを共有いただければ解決できるかもしれません。

元の投稿で解決策を見る

1件の返信1
toooru
Shopify Partner
93 52 97

成功

試してみましたが、正常にページ内リンク先に飛びました。

よっておそらくIDが見つからない(=IDが間違っている、もしくはURLパスの設定が間違っている)かと思われます。

リンク先の設定画面でもし「#page-section-id」とだけ設定されているとすると、現在表示しているページ内にそのIDが存在しなければ飛びません。

「/#page-section-id」とスラッシュをつければトップページの該当IDに飛びますし、「https://〜」から記載すればそのURLの該当IDに飛びます。

ページ内リンクさせたいのはどのページなのか、また設定はあっているのかを再度ご確認いただければと思います。

※飛び先のhttp://から始まるURLと、設定画面のキャプチャなどを共有いただければ解決できるかもしれません。