# Expanceテーマでのタイトルの文字数 **URL:** \ **Category:** Shopify テーマ\ **Tags:** css\ **Created:** [March 24, 2023, 3:56pm UTC](https://community.shopify.com/t/expance/202545 "2023-03-24T15:56:12Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary 主題: Expanceテーマで商品タイトルの表示文字数を10文字以内に制御したい。どのコードを編集すべきかが質問。 - 提案された方法: ShopifyのLiquidフィルター「truncate」を使ってタイトルを所定の文字数に切り詰める。 - 技術説明: LiquidはShopifyのテンプレート言語。truncateは文字列を指定の長さに短縮し、sizeは文字数を取得できる。 - 実装ポイント: product.titleにtruncate: 10を適用して表示を10文字に制限。必要に応じて、titleのsizeが10を超える場合のみ三点リーダー（…）を表示する条件分岐を追加。 - 制約: テーマが有料のため、具体的なファイルやコードの編集箇所の特定は公開の場では困難。 - 追加対応: コラボレーターアクセスがあれば、編集すべき箇所の案内が可能な場合あり（確約は不可）。 - 状態: 具体的編集場所は未特定だが、実装の考え方は提示済み。コードスニペットが理解に重要で、議論は継続中。
**Author:** ![YU-GI-OH](https://avatars.discourse-cdn.com/v4/letter/y/a88e57/32.png) [@YU-GI-OH](https://community.shopify.com/u/YU-GI-OH)\ **Post date:** [March 24, 2023, 3:56pm UTC](https://community.shopify.com/t/expance/202545/1 "2023-03-24T15:56:12Z")
Expance themeで開発を行っている者です。 初歩的な質問ですがわかる方は回答よろしくお願い致します。 商品タイトルの文字数の表示を１０文字以内等に制御したいのですがどこのコードを編集したらよいのでしょうか？ I am developing with Expance theme. It’s a rudimentary question, but if anyone knows, please answer. I want to control the number of characters displayed in the product title to within 10 characters, etc. Where should I edit the code? ---
**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:** [April 12, 2023, 11:24am UTC](https://community.shopify.com/t/expance/202545/2 "2023-04-12T11:24:19Z")
ご指定のテーマが有料テーマであるため、 具体的なコード編集箇所をお伝えするのが難しく、 修正の考え方だけお伝えいたします。 liquidで文字数を制限するにはtruncateを使用するのが簡単そうです。 [https://shopify.github.io/liquid/filters/truncate/](https://shopify.github.io/liquid/filters/truncate/) おそらく、商品名は、{{ product.title }} というliquidタグで出力しているはずですので、 ```markup {{ product.title | | truncate: 10 }} ``` とすれば、10文字までしか商品タイトルは表示されなくなるはずです。 もし、商品タイトルが11文字以上の時は3点リーダーをつけたい、という場合は、 ```markup {{ product.title | | truncate: 10 }}{%- if product.title.size > 10 -%}…{% endif %} ``` とするのが良さそうです。 (size: [https://shopify.github.io/liquid/filters/size/](https://shopify.github.io/liquid/filters/size/)) プライベートメッセージなどで、 コラボレーターアクセスをいただければ、 テーマのどこを編集すれば良いかもお伝えできるかもしれません。 (お約束はできませんが。) ご参考まで。 (キュー田辺)