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

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

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

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

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

2

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/

3

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