# 商品管理 タイトル内に記入する商品名の改行について **URL:** \ **Category:** Shopify アプリ\ **Created:** [April 21, 2020, 1:57am UTC](https://community.shopify.com/t/topic/11442 "2020-04-21T01:57:11Z")\ **Posts on this page:** 7\ **Page:** 1 ## AI-generated summary 商品管理のタイトル欄では1行入力しかできず、コレクションページで商品名を任意の位置で改行して整えて表示したい、という相談。添付画像は管理画面と希望する表示例の比較に使われている。 提案された方法は主に2つ。 - 商品名に `
` を直接入れる方法：一覧上では改行できるが、カート追加時の通知で `
` がそのまま文字として表示される問題が出た。 - テーマの Liquid テンプレートで `{{ product.title }}` に `replace` フィルターを追加し、半角スペースを改行タグに置換する方法：商品詳細ページでは改善し、カート通知の `
` 表示問題も解消した。 その後、商品一覧では改行されないことが判明。原因は、修正が適用されたのが一部テンプレートのみだったためで、商品一覧を表示している別テンプレート側の `{{ product.title }}` にも同様の変更を入れる必要があると案内された。 結論として、完全解決はテーマ側の複数箇所修正が前提で、議論は実質的に「該当テンプレートを個別に修正する」方向でまとまっている。
**Author:** ![Orga2020](https://avatars.discourse-cdn.com/v4/letter/o/f05b48/32.png) [@Orga2020](https://community.shopify.com/u/Orga2020)\ **Post date:** [April 21, 2020, 1:57am UTC](https://community.shopify.com/t/topic/11442/1 "2020-04-21T01:57:11Z")
商品管理で商品のタイトルを入力する際には、1行で入力するだけですが、コレクションページでその商品を見るときれいな形で改行が出来ていません。どの様にすれば、上手く改行が出来ますでしょうか？ 例：タイトル入力画面 → 〇〇〇〇 ◆◆◆◆ ▲▲▲▲ 希望コレクションページ表示画面 ↓ 〇〇〇〇 ◆◆◆◆ ▲▲▲▲ ![キャプチャ.PNG](https://canada1.discourse-cdn.com/shopifyforum/original/3X/2/4/2425f78f95d2888b65923377a4bf74768e1bd6ed.png) ![キャプチャ1.PNG](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/9/d9af457931cdd952a482eba8290b468f6537d7c0.jpeg) ---
**Author:** ![Takuma](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/takuma/32/315167_2.png) [@Takuma](https://community.shopify.com/u/Takuma)\ **Post date:** [April 22, 2020, 5:19am UTC](https://community.shopify.com/t/topic/11442/2 "2020-04-22T05:19:40Z")
ジャストアイディアでは、商品名に を入れれば改行されて表示されます。 検索はそのタグでも出来てしまうので、ちょっと検討が必要です。 ![1.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/6/c/6c168afe9af0d166d5a54f5fb4fc89882328ac82.png) ![2.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/5/7/7/577ce6afda8cb19eb2f8c21ceb4e9d8fa287839b.png) ---
**Author:** ![Kzishi](https://avatars.discourse-cdn.com/v4/letter/k/4491bb/32.png) [@Kzishi](https://community.shopify.com/u/Kzishi)\ **Post date:** [January 21, 2021, 8:44am UTC](https://community.shopify.com/t/topic/11442/3 "2021-01-21T08:44:23Z")
こちら試してみたのですが、カートに入った際の通知上で が表示されたままになります。 カート内では表示されないのですが、解決方法はありますか？ ---
**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\ **Post date:** [January 21, 2021, 12:53pm UTC](https://community.shopify.com/t/topic/11442/4 "2021-01-21T12:53:18Z")
横から失礼します。 あまりお勧めできる方法ではないように思いますが、試したらできたので一応記載してみたいと思います。 ```markup {{ product.title }} ``` product-template.liquidなどで商品名を出力している場所に上記の記述があると思います。 それを以下のように変更します。 ```markup {{ product.title | replace: ' ' ,' '}} ``` 上記は「商品名に含まれる半角スペースを改行タグに置換する」という意味になります。 つまり改行したい箇所に半角スペースを入れることで改行が可能になります。 問題点としては、このコードでは半角スペースが全て改行タグに置換されてしまうという点です。 役に立たない情報でしたら申し訳ありません。 ---
**Author:** ![Kzishi](https://avatars.discourse-cdn.com/v4/letter/k/4491bb/32.png) [@Kzishi](https://community.shopify.com/u/Kzishi)\ **Post date:** [January 22, 2021, 2:51am UTC](https://community.shopify.com/t/topic/11442/5 "2021-01-22T02:51:50Z")
お忙しいところご丁寧に回答頂きありがとうございます。 カート通知での表記は無くなりました。 しかし商品一覧時の改行は改善出来ませんでした。 →商品単体のページでは改行されています。 ---
**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\ **Post date:** [January 22, 2021, 5:19am UTC](https://community.shopify.com/t/topic/11442/6 "2021-01-22T05:19:20Z")
確認いただきありがとうございます。 前述のコードは記載した箇所にしか効果がないものです。 そのため、商品一覧を表示しているテンプレートを探していただき、{{ product.title }}を探して同様にフィルターを追加していただければご要望の形になるかと思います。 ---
**Author:** ![Kzishi](https://avatars.discourse-cdn.com/v4/letter/k/4491bb/32.png) [@Kzishi](https://community.shopify.com/u/Kzishi)\ **Post date:** [January 22, 2021, 6:24am UTC](https://community.shopify.com/t/topic/11442/7 "2021-01-22T06:24:20Z")
ご丁寧にありがとうございます。