ヘッダーのメニュー項目クリックを無効化したい

[mitaina]

使用テーマはPrestigeです。

ヘッダーのメニュー項目の一部をクリック無効にしたいです。

（添付画像赤丸部分）

ブランド、商品カテゴリにカーソルを載せてブランド一覧、カテゴリ一覧を表示するようにしたので、リンクは不要なのですが、メニュー項目の編集ではリンク設定が必須で解決策がわかりません。

解決方法ご存知の方がいらっしゃいましたら教えていただけますと幸いです。

[Jizo_Inagaki · Accepted solution]

https://community.shopify.com/c/shopify-design/how-to-disable-a-link-on-menu-but-still-visable/m-p/8...

上記にあるように「#」を入力すれば対応できるのではと思います。

https://prestige-theme-couture.myshopify.com/

他方、上記デモストアのグローバルナビ内の「SHOP」でも実現しているようなので、テーマのサポートに質問することもお勧めします。

この方法の場合はURL末尾に#が付与されますが、この点が許容できない場合は「#」を設定した上で以下のCSSを「Header」セクションのカスタムCSSに記載することで対応できるかもしれません。

[data-follow-link='#'] {
  pointer-events: none;
}

上記で対応できない場合はliquidやJSなどで対応する必要があると思います。

ご自身でliquidやCSSやJSの読み書きができない場合はエキスパートやパートナーにご依頼ください。

[mitaina]

「#」入力で解決いたしました！

助かりました、ありがとうございます！