株式会社Q 田辺様
ご返信いただきありがとうございます。
ご教示いただいたスクリプト部分を変更するとうまく反映することができました！
他の方法や参考URLまで本当にありがとうございました、、！
Topic summary
商品詳細ページに電話番号を記載する際、PC環境ではクリックしても発信できないようにしたいという質問。
現状の課題:
- テーマ「Focal」を使用中
- カスタムHTMLブロックにコードを記載したが、うまく反映されない
- User-Agentでモバイル判定するJavaScriptを試したが動作せず
提案された解決策:
- CSSの
pointer-events: noneを使用 - メディアクエリで画面幅750px以上(PC)の場合にリンクを無効化
- JavaScriptによる実装も可能だが、jQueryの有無によってはエラーの可能性あり
結果:
質問者は提案されたスクリプトを変更して実装し、うまく反映できたと報告。解決済み。
1 Like