FROM CACHE - jp_header

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

解決済

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

mitaina
訪問者
2 0 0

使用テーマはPrestigeです。

 

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

(添付画像赤丸部分)

 

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

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

 

mitaina_0-1720109381413.png

 

mitaina_1-1720109560189.png

 

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
1056 398 707

成功

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の読み書きができない場合はエキスパートやパートナーにご依頼ください。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2

Jizo_Inagaki
Shopify Partner
1056 398 707

成功

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の読み書きができない場合はエキスパートやパートナーにご依頼ください。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
mitaina
訪問者
2 0 0

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

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