DAWNテーマを使用していますが、
【ホームページの特集コレクション】、
および【コレクションページ】における
商品一覧の表示について、２つ調整したいです
①商品タイトルのフォントをテーマ設定における最小値（１００％）よりも
さらに小さくしたいです。
②表示される文字数を４０文字までくらいに制限したいです。
どなたか方法をご存じでしたらご教授いただければ幸いです。
AI-generated summary
Dawnテーマの「ホームページ特集コレクション／コレクションページ」における商品タイトル表示の調整が主題。要望は(1)フォントサイズをテーマ最小値以下に、(2)タイトル文字数を約40文字に制限。
対応方法の提案:
- フォントサイズ: Assets/component-card.cssで.card-information__textにfont-size: XXpx;を追記して任意サイズに調整。
- 文字数制限: snippets/product-card.liquidの{{ product_card_product.title | escape }}を{{ product_card_product.title | truncate: 40 | escape }}に変更（40は任意）。コード編集に不安があれば専門業者推奨。
進捗・結果:
- 文字数制限は適用済みで解決。
- フォントサイズもCSS追記の具体例提示により解決。画像の参照はあったが理解に必須ではない。
最新の論点:
- 同様の文字数制限をVendor（出品者）表示部分にも適用可能かの追加質問が提示。現時点で回答未提出。
結論状況: タイトルのサイズ調整と文字数制限は解決。Vendorへの適用可否は未解決でスレッド継続中。
①商品タイトルのフォントをテーマ設定における最小値（１００％）よりもさらに小さくしたい
管理画面にログインして、「アクション」→「コードの編集」と進み、Assetsフォルダ内のcomponent-card.cssファイルを選択してください。
商品タイトルは.card-information__textというクラス名で管理されているので、任意のfont-sizeを指定すれば文字サイズを変更できます。
②表示される文字数を４０文字までくらいに制限したいです。
管理画面にログインして、「アクション」→「コードの編集」と進み、snippetsフォルダ内のproduct-card.liquidファイルを選択してください。
{{ product_card_product.title | escape }}というコードを見つけて、以下のように変更します。
{{ product_card_product.title | truncate: 40 | escape }}
40という数字を変更すれば、任意の文字数に設定できます。
※コード編集の経験がない場合は、専門の業者に依頼されることをオススメします。
②の文字制限は無事に解決しました。
ありがとうございます。
①ですが、該当箇所を見つけました（添付画像）が、どうすれば文字サイズを変更出来ますでしょうか。
追加もしくは変更箇所などいただければ幸いです。
勉強不足で申し訳ございません。
.card-information__text {
display: block;
margin: 0;
padding-right: 1.2rem;
font-size: 12px;
}
上記のようなイメージで、「font-size: 〇〇px;」を追記すれば反映されると思います。〇〇のところに数字をいろいろ入れてみて、お好みのサイズになるように調整してみてください。
ありがとうございます。
こちらで無事に解決しました！
お世話になっております。
こちらで教えていただいた文字数制限についてですが、
Vendor部分にも適用することは可能でしょうか？