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

Topic 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文字+「…」となる。

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

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

Summarized with AI on February 19. AI used: gpt-5.

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

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

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

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

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

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

{{ 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/

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