商品名の改行について

日本語 ディスカッション 技術的なQ＆A

Topic summary

Narrativeテーマで、商品ページではproduct-template.liquidに{{ product.title | replace: ' ', '\n' }}を入れることで商品名の改行は実現できたものの、トップページの「特集コレクション」には反映されない、という相談。

  • 回答では、トップページ側は別のLiquidファイルで商品名を描画している可能性が高いと案内。
  • Debutテーマではproduct-card-grid.liquidが該当例で、Narrativeでも同様に該当スニペットやセクションを探す必要があるとされた。
  • sections内のファイル（例: collection.liquid）で「特集コレクション」を検索し、見つからなければそこから読み込まれているファイルを辿る方法が提案された。

現時点で具体的な対象ファイルは特定されておらず、問題は継続中。次のアクションは、トップページの特集コレクション表示に使われているLiquidファイルを特定して修正すること。

Summarized with AI on March 6. AI used: gpt-5.4.
1

お世話になっております。

テーマはNarrativeで商品名の改行についてです。

product-template.liquidにて下記のコードを挿入し、商品名は改行できました。

{{ product.title | replace: ' ' ,'
'}}

ですが、トップページに表示している特集コレクションの商品名は改行されていません。
こちらどのファイルのコードを変更すればよいのでしょうか？

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

2

Narrativeはあまり触った経験がないので詳細がわかりかねますが、product-template.liquidではなく別のliquidファイルが対象ではと思います。
Debutであれば product-card-grid.liquid が該当するはずです。

sections内のファイル(collection.liquid?)を開いて「特集コレクション」で検索し、見つかったファイルを確認する必要があります。
そのファイル内になければ、さらに読み込まれているファイルを探す、というように辿っていくと見つかるかと思います。

1 Like
3

ありがとうございます！

引き続き取り組んでいきます！