# 販売元の文字数制限について

**URL:** <https://community.shopify.com/t/topic/110929>\
**Category:** 技術的なQ＆A\
**Created:** [April 1, 2022, 9:04am UTC](https://community.shopify.com/t/topic/110929 "2022-04-01T09:04:30Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Dawnテーマで「ホーム＞特集コレクション」と「コレクションページ」に表示される商品の販売元名の文字数を約10文字に制限したいという相談。両一覧は共通でproduct-card.liquidを参照する前提。 

解決策：ShopifyのLiquidテンプレートでtruncateフィルターを使用。product-card.liquidの24行目にある「product_card_product.vendor」を「{{ product_card_product.vendor | truncate: 13 }}」へ変更。 

効果：販売元名が10文字以上の場合、末尾が「…」で省略表示される。LiquidはShopifyのテンプレート言語で、truncateは省略記号（…）を含む最大文字数を指定するため、13の指定で実質10文字＋「…」となる。 

補足：コードスニペットが核心で、参考リンクも提示。 

結果：依頼者が変更を適用し、期待どおり動作したと報告。議論は解決済み。

<div class="post-metadata">

**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:04am UTC](https://community.shopify.com/t/topic/110929/1 "2022-04-01T09:04:30Z")

</div>

DAWNテーマを使用しています。

「ホーム」のセクション「特集コレクション」 および 「コレクションページ」 それぞれ一覧で表示される商品の【販売元】部分について、文字数を１０文字程度に変更したいです。

ご存じの方いらっしゃればご教授いただければ幸いです。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [April 2, 2022, 12:08am UTC](https://community.shopify.com/t/topic/110929/2 "2022-04-02T00:08:01Z")

</div>

Liquidで出力する内容に対して文字数の制限を行う場合、truncateフィルターを使用します。

Dawnテーマの一覧部位に表示される商品は、共通して「product-card.liquid」というファイルを参照しています。

販売元の出力はデフォルトの状態なら24行目「product\_card\_product.vendor」という部分ですので、該当箇所を以下のように変更をしてください。

```markup
{{ product_card_product.vendor |truncate : 13 }}

```

上記コードで販売元の名称が10文字以上だった場合、「XXX…」のような形で表示されるようになります。

参考：Shopifyコレクションの商品一覧表示で単語(truncatewords)、文字数(truncate)の制限をかける方法

[https://shopify-guide.com/2020/11/24/shopify%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E5%95%86%E5%93%81%E4%B8%80%E8%A6%A7%E8%A1%A8%E7%A4%BA%E3%81%A7%E5%8D%98%E8%AA%9Etruncatewords%E3%80%81%E6%96%87%E5%AD%97/](https://shopify-guide.com/2020/11/24/shopify%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E5%95%86%E5%93%81%E4%B8%80%E8%A6%A7%E8%A1%A8%E7%A4%BA%E3%81%A7%E5%8D%98%E8%AA%9Etruncatewords%E3%80%81%E6%96%87%E5%AD%97/)

---

<div class="post-metadata">

**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\
**Post date:** [April 11, 2022, 4:49am UTC](https://community.shopify.com/t/topic/110929/3 "2022-04-11T04:49:05Z")

</div>

ありがとうございます！解説の通りでうまく行きました！！
