# ホームページ、コレクションページにおける商品タイトルの表示について **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [January 19, 2022, 1:58am UTC](https://community.shopify.com/t/topic/92416 "2022-01-19T01:58:21Z")\ **Posts on this page:** 6\ **Page:** 1 ## AI-generated summary Dawnテーマの「ホームページ特集コレクション／コレクションページ」における商品タイトル表示の調整が主題。要望は(1)フォントサイズをテーマ最小値以下に、(2)タイトル文字数を約40文字に制限。 対応方法の提案: - フォントサイズ: Assets/component-card.cssで.card-information__textにfont-size: XXpx;を追記して任意サイズに調整。 - 文字数制限: snippets/product-card.liquidの{{ product_card_product.title | escape }}を{{ product_card_product.title | truncate: 40 | escape }}に変更（40は任意）。コード編集に不安があれば専門業者推奨。 進捗・結果: - 文字数制限は適用済みで解決。 - フォントサイズもCSS追記の具体例提示により解決。画像の参照はあったが理解に必須ではない。 最新の論点: - 同様の文字数制限をVendor（出品者）表示部分にも適用可能かの追加質問が提示。現時点で回答未提出。 結論状況: タイトルのサイズ調整と文字数制限は解決。Vendorへの適用可否は未解決でスレッド継続中。
**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\ **Post date:** [January 19, 2022, 1:58am UTC](https://community.shopify.com/t/topic/92416/1 "2022-01-19T01:58:21Z")
DAWNテーマを使用していますが、 【ホームページの特集コレクション】、 および【コレクションページ】における 商品一覧の表示について、２つ調整したいです ①商品タイトルのフォントをテーマ設定における最小値（１００％）よりも さらに小さくしたいです。 ②表示される文字数を４０文字までくらいに制限したいです。 どなたか方法をご存じでしたらご教授いただければ幸いです。 ---
**Author:** ![Anonymous\_5168086324d6fa4637c896de39bb248c](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_5168086324d6fa4637c896de39bb248c/32/28647_2.png) [@Anonymous\_5168086324d6fa4637c896de39bb248c](https://community.shopify.com/u/Anonymous_5168086324d6fa4637c896de39bb248c)\ **Post date:** [January 19, 2022, 4:28am UTC](https://community.shopify.com/t/topic/92416/2 "2022-01-19T04:28:50Z")
①商品タイトルのフォントをテーマ設定における最小値（１００％）よりもさらに小さくしたい 管理画面にログインして、「アクション」→「コードの編集」と進み、Assetsフォルダ内のcomponent-card.cssファイルを選択してください。 商品タイトルは.card-information\_\_textというクラス名で管理されているので、任意のfont-sizeを指定すれば文字サイズを変更できます。 ②表示される文字数を４０文字までくらいに制限したいです。 管理画面にログインして、「アクション」→「コードの編集」と進み、snippetsフォルダ内のproduct-card.liquidファイルを選択してください。 {{ product\_card\_product.title | escape }}というコードを見つけて、以下のように変更します。 ```css {{ product_card_product.title | truncate: 40 | escape }} ``` 40という数字を変更すれば、任意の文字数に設定できます。 ※コード編集の経験がない場合は、専門の業者に依頼されることをオススメします。 ---
**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\ **Post date:** [January 19, 2022, 12:22pm UTC](https://community.shopify.com/t/topic/92416/3 "2022-01-19T12:22:25Z")
②の文字制限は無事に解決しました。 ありがとうございます。 ①ですが、該当箇所を見つけました（添付画像）が、どうすれば文字サイズを変更出来ますでしょうか。 追加もしくは変更箇所などいただければ幸いです。 勉強不足で申し訳ございません。 ---
**Author:** ![Anonymous\_5168086324d6fa4637c896de39bb248c](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_5168086324d6fa4637c896de39bb248c/32/28647_2.png) [@Anonymous\_5168086324d6fa4637c896de39bb248c](https://community.shopify.com/u/Anonymous_5168086324d6fa4637c896de39bb248c)\ **Post date:** [January 20, 2022, 3:49am UTC](https://community.shopify.com/t/topic/92416/4 "2022-01-20T03:49:33Z")
```css .card-information__text { display: block; margin: 0; padding-right: 1.2rem; font-size: 12px; } ``` 上記のようなイメージで、「font-size: 〇〇px;」を追記すれば反映されると思います。〇〇のところに数字をいろいろ入れてみて、お好みのサイズになるように調整してみてください。 ---
**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\ **Post date:** [January 25, 2022, 7:45am UTC](https://community.shopify.com/t/topic/92416/5 "2022-01-25T07:45:19Z")
ありがとうございます。 こちらで無事に解決しました！ ---
**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\ **Post date:** [April 1, 2022, 9:05am UTC](https://community.shopify.com/t/topic/92416/6 "2022-04-01T09:05:57Z")
お世話になっております。 こちらで教えていただいた文字数制限についてですが、 Vendor部分にも適用することは可能でしょうか？