商品を選ぶ際にカーソルを画像に合わせると商品タイトルが表示されます。
しかし、商品タイトルは改行を行うために
などを含んでいます。
それがカーソルを合わせるとそのまま表示されていますので、表示される内容を編集したいと考えています
難しければそもそもカーソルを合わせても商品タイトルが表示されないようにしたいです。
申し訳ございませんがご教授のほどよろしくお願いいたします。
AI-generated summary
商品画像にマウスカーソルを乗せた際に表示される商品タイトル（ツールチップ）の編集・非表示化が主題です。商品タイトル内の
タグがそのまま表示されてしまうため、見え方を修正したいという相談でした。
確認事項として、利用テーマは「Simple」であることが共有されました。最初は再現できなかったため、どの表示箇所かの確認が行われ、スクリーンショットが提示されて問題箇所が特定されました。
対応案として、snippets/product-grid-item.liquid 内の title="{{ product.title | escape }}" を削除する方法が提案されました。ここでの title は、要素にカーソルを合わせたときに表示される補足テキスト属性です。
最終的に、該当コードを削除したことでホバー時の商品タイトル表示は消え、相談者から解決したとの報告がありました。結論として、この件は解決済みです。
利用されるテーマ名を教えていただけると、サポートしやすいと思います!
早速の返信ありがとうございます。
テーマは「Simple」を利用しております。
お手数ですがどうぞよろしくお願いいたします。
simpleのテーマ確認しましたが、タイトルは常に表示されていました。
商品を選ぶ際にカーソルを画像に合わせると商品タイトルが表示されます。
を確認できなかったのですが、どのページの部分なのでしょうか？？
スクリーンショットを貼っていただけるとコミュニケーションが楽かと思います！
私のパソコンでは同じような表示にならないので、、、推測ですが、、、
snippets/product-grid-item.liquid
にある、 title="{{ product.title | escape }} を消してみたら、想定通りになるのかなぁと思っています。
あくまで推測ですが、、、
ご指示いただいた通り、指定のコードを消すことでカーソルを合わせた際に表示される商品タイトルがなくなりました。
ご対応いただきありがとうございました。