# 商品詳細ページのタイトルの改行について **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css, html\ **Created:** [February 13, 2025, 5:15am UTC](https://community.shopify.com/t/topic/394206 "2025-02-13T05:15:10Z")\ **Posts on this page:** 8\ **Page:** 1 ## AI-generated summary 商品詳細ページのタイトルに`
`タグを入れて改行すると、詳細ページでは正しく改行されるが、商品一覧ページでは`
`がそのまま文字列として表示されてしまう問題が報告されました。 **解決方法:** - テーマ(Dawn 15.2.0)の`card-product.liquid`ファイルを編集 - `{{ card_product.title | escape }}`から`| escape`を削除し、`{{ card_product.title }}`に変更 - このコードは2箇所存在(131行目と168行目) **経緯:** - 最初は1箇所(131行目)のみ修正したが、一覧ページの`
`表示は解消されず - 2箇所目(168行目)も同様に修正することで問題が完全に解決 **ポイント:** Shopifyテンプレートでは処理条件によって同じコードが複数箇所に記載されている場合があるため、変更時は元のコードを検索して全箇所を修正する必要があります。
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 13, 2025, 5:15am UTC](https://community.shopify.com/t/topic/394206/1 "2025-02-13T05:15:10Z")
商品ページの商品タイトルを改行したいところで改行するために を入れる方法で改行はできます。 ただ、商品ページをプレビューで確認すると無事に改行はできているのですが、その前の商品一覧ページで表示されている商品のタイトルに が表示されている状態です。 これはなぜなのでしょうか？何かおかしなことをしてしまっているのでしょうか？ 商品一覧ページのタイトルに が表示されない方法をどなたかご教示ください。 よろしくお願いします。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [February 13, 2025, 10:07am UTC](https://community.shopify.com/t/topic/394206/2 "2025-02-13T10:07:03Z")
@Anonymous_61092b3fc5e108c0c3057eafc0ae8d89 様 商品一覧ページで商品タイトルを改行したい件ですが、 ご利用のテーマが不明な為、Dawn15.2.0をもとにご説明させていただきます。 1.管理画面のオンラインストア \> テーマ \> 「・・・」\> コード編集 \> card-product.liquidを検索 2.下記コードを検索（2ヶ所あります） ```markup {{ card_product.title | escape }} ``` 3.下記コードに変更 ```markup {{ card_product.title }} ``` 4.保存ボタンをクリック 以上で、一覧ページでも改行が有効になるかと思われます。 ご参考まで。 （キュー小坂） ---
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 17, 2025, 12:29am UTC](https://community.shopify.com/t/topic/394206/3 "2025-02-17T00:29:12Z")
ありがとうございます！ 上記の通りやってみましたが、商品ページのタイトルは改行できるようになりました ↓ ![スクリーンショット 2025-02-14 9.35.04.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/6/f/6fc6f65beea5311ec1e413f33c3ffed79d931f2f.png) ただ、商品一覧のページでは が表示されてしまっているんです。 ↓ ![スクリーンショット 2025-02-14 9.35 のコピー.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/a/9a1b73df626b8565d19198d75ffbdae97a774f6f.jpeg) これは、また違うコードの編集が必要なのでしょうか？ 画像がわかりにくくて申し訳ないのです。 ![スクリーンショット 2025-02-14 9.35.28.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/8/e8590eca9819323940adbed80f6b0992913eff65.png) すみませんが、ご教示ください。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [February 17, 2025, 6:46am UTC](https://community.shopify.com/t/topic/394206/4 "2025-02-17T06:46:33Z")
@Anonymous_61092b3fc5e108c0c3057eafc0ae8d89 様 修正いただきましたテーマファイル名、修正コードおよび、ご利用のテーマをお教えいただくことは可能でしょうか。 実際のコードが有ればもう少し詳しくわかるかもしれません。 （キュー小坂） ---
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 17, 2025, 7:11am UTC](https://community.shopify.com/t/topic/394206/5 "2025-02-17T07:11:47Z")
ご対応いただきありがとうございます。 申し訳ないです。 テーマはDawn15.2.0です。card-product.liquidの131行目にありました {{ card\_product.title | escape }}の | escape ←を消して保存しました。 ２箇所あるとおっしゃっていましたが、検索するとここだけでした。 ・修正したコードの画像です↓ ![_ escape .png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/3/935b1378d0bcc859c61fb5fa9c8a3d6ea4dbcade.png) お手間をとらせて申し訳ないです。 私がどこか変なところを触ってしまっているかもしれません。 ---
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 17, 2025, 7:27am UTC](https://community.shopify.com/t/topic/394206/6 "2025-02-17T07:27:04Z")
![スクリーンショット 2025-02-17 16.25.57.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/5/45f713449048bd542ce5003feee195aa7495bf92.png) このように直しています。 ---
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 17, 2025, 7:53am UTC](https://community.shopify.com/t/topic/394206/7 "2025-02-17T07:53:13Z")
解決しました！１箇所（131行）しかないと思っていましたが、２箇所目が見つかり（168行）同じように | escapeを消して {{ card\_product.title }} ← このように訂正したら、一覧ページのタイトルの が消えていました！ すみませんでした、本当に助かりました。！ いつもご丁寧に対応してくださり、ありがとうございました。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [February 17, 2025, 7:58am UTC](https://community.shopify.com/t/topic/394206/8 "2025-02-17T07:58:08Z")
@Anonymous_61092b3fc5e108c0c3057eafc0ae8d89 様 解決されてよかったです。 Shopifyテンプレートですが、処理条件によって表示箇所が異なるため、 同じコードが複数箇所に記載ある場合がございますので、変更する際は元のコードを検索すると良いです。 （キュー小坂）