商品管理 タイトル内に記入する商品名の改行について

[Orga2020]

商品管理で商品のタイトルを入力する際には、1行で入力するだけですが、コレクションページでその商品を見るときれいな形で改行が出来ていません。どの様にすれば、上手く改行が出来ますでしょうか？

例：タイトル入力画面　→　〇〇〇〇　◆◆◆◆　▲▲▲▲

希望コレクションページ表示画面　↓　

〇〇〇〇

◆◆◆◆

▲▲▲▲

[Takuma]

ジャストアイディアでは、商品名に<BR>を入れれば改行されて表示されます。

検索はそのタグでも出来てしまうので、ちょっと検討が必要です。

[Kzishi]

こちら試してみたのですが、カートに入った際の通知上で<BR>が表示されたままになります。

カート内では表示されないのですが、解決方法はありますか？

[jizo]

横から失礼します。

あまりお勧めできる方法ではないように思いますが、試したらできたので一応記載してみたいと思います。

{{ product.title }}

product-template.liquidなどで商品名を出力している場所に上記の記述があると思います。

それを以下のように変更します。

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

上記は「商品名に含まれる半角スペースを改行タグに置換する」という意味になります。

つまり改行したい箇所に半角スペースを入れることで改行が可能になります。

 問題点としては、このコードでは半角スペースが全て改行タグに置換されてしまうという点です。

役に立たない情報でしたら申し訳ありません。

[Kzishi]

お忙しいところご丁寧に回答頂きありがとうございます。

カート通知での表記は無くなりました。

しかし商品一覧時の改行は改善出来ませんでした。

　→商品単体のページでは改行されています。

[jizo]

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

前述のコードは記載した箇所にしか効果がないものです。

そのため、商品一覧を表示しているテンプレートを探していただき、{{ product.title }}を探して同様にフィルターを追加していただければご要望の形になるかと思います。

[Kzishi]

ご丁寧にありがとうございます。