マルチカラムの画像リンクを無効にしたい

Topic summary

ユーザーがImpact ver4.0.5テーマを使用中、マルチカラムセクション内の画像にリンクが自動的に設定され、クリックするとページ遷移してしまう問題に直面しています。

提案された解決策:

  • カスタムCSSで pointer-events: none; を画像を包含するaタグに適用する方法が提案されました
  • Shopifyのカスタムテーマ編集機能を利用してCSSを追加することで、簡易的にリンクを無効化できる可能性があります

注意点:

  • 回答者はver4.4.0では該当状態を確認できず、完全な状況把握ができていません
  • CSS/Liquidの知識がない場合は、テーマ開発者のサポートやShopifyエキスパート、パートナーへの相談が推奨されています

議論は技術的な解決策の提示段階で、実装結果の報告はまだありません。

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

現在、[Impact_ver4.0.5]をテーマで使用しています。

セクションの中のマルチカラムに画像を添付していますが画像をクリックするとページに飛んでしまいます。クリックできないようにする方法はないですか。解決策があれば教えてください。

トライアル可能なver4.4.0では該当状態のセクションを確認できず状況不明ですが、画像単体を包含する形でaタグが設定されているなら、以下のカスタムCSSを利用して pointer-events:none; を用いることで簡易的な対応ができるかもしれません。

https://help.shopify.com/ja/manual/online-store/themes/theme-structure/extend/add-css

https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events

以上ですが記載した内容では対応できない場合は申し訳ありません。

他方、ご自身ではCSSやliquidを読み書きできない場合は、テーマ開発者のサポートに相談されるか、エキスパートやパートナーに依頼することをお勧めします。

1 Like