DAWNテーマを使用しています。
「ホーム」のセクション「特集コレクション」 および 「コレクションページ」 それぞれ一覧で表示される商品の【販売元】部分について、文字数を10文字程度に変更したいです。
ご存じの方いらっしゃればご教授いただければ幸いです。
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文字+「…」となる。
補足:コードスニペットが核心で、参考リンクも提示。
結果:依頼者が変更を適用し、期待どおり動作したと報告。議論は解決済み。
DAWNテーマを使用しています。
「ホーム」のセクション「特集コレクション」 および 「コレクションページ」 それぞれ一覧で表示される商品の【販売元】部分について、文字数を10文字程度に変更したいです。
ご存じの方いらっしゃればご教授いただければ幸いです。
Liquidで出力する内容に対して文字数の制限を行う場合、truncateフィルターを使用します。
Dawnテーマの一覧部位に表示される商品は、共通して「product-card.liquid」というファイルを参照しています。
販売元の出力はデフォルトの状態なら24行目「product_card_product.vendor」という部分ですので、該当箇所を以下のように変更をしてください。
{{ product_card_product.vendor |truncate : 13 }}
上記コードで販売元の名称が10文字以上だった場合、「XXX…」のような形で表示されるようになります。
参考:Shopifyコレクションの商品一覧表示で単語(truncatewords)、文字数(truncate)の制限をかける方法
ありがとうございます!解説の通りでうまく行きました!!