コレクション→商品一覧の商品名改行位置について

[556]

現在テーマdrawを利用してますが、コレクションで商品名の改行位置を変更したいと考えております。
添付画像の左が現状で、右がイメージ図になります。

イメージとしては「-」 の前で改行したいのですが、過去記事のhttps://community.shopify.com/c/shopify-%E3%82%A2%E3%83%97%E3%83%AA/%E5%95%86%E5%93%81%E7%AE%A1%E7%90%86-%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E5%86%85%E3%81%AB%E8%A8%98%E5%85%A5%E3%81%99%E3%82%8B%E5%95%86%E5%93%81%E5%90%8D%E3%81%AE%E6%94%B9%E8%A1%8C%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/m-p/713284

を参照して確認するとmain-collection-product-gridの中にproduct.title がなくてどう修正すれば良いか悩んでおります。

大変申し訳ないですが、どなたかご教授いただけないでしょうか？

お手数おかけしますが、ご確認よろしくお願いします。

[Anonymous_5168086324d6fa4637c896de39bb248c]

main-collection-product-gridでは、

render 'card-product',

という形で、「スニペット」フォルダ内にあるcard-product.liquidを読み込んで商品名などを表示させています。

card-product.liquidの中にある

{{ card_product.title | escape }}

が商品名を表示するコードです（2箇所あります）。これを

{{ card_product.title | escape | replace: ' ' ,'
' }}

とすることで、改行位置を変更できるかと思います。

[556]

ご確認ありがとうございます。

大変申し訳ないのですが、再度ご相談させてください。

card-product.liquidの中にある

{{ card_product.title | escape }}

こちらは２ヶ所ではなく４ヶ所ございました。

全て下記の内容で書き替えを行いましたが、

{{ card_product.title | escape | replace: ' ' ,'<br>' }}

特に変化はありませんでした。

編集の仕方と箇所が間違っていますでしょうか？

もしコードが必要であったりご質問等がございましたら遠慮なくご指示いただけますと幸いです。

お手数おかけしますが、どうかご確認よろしくお願いいたします。