TCDテーマcommon：商品一覧の商品名を2行で表示する方法

Q.質問内容

・トップページやアーカイブページの商品名について、商品名の特性上１行だけでは何の商品だか分かりにくくなってしまいます。今の倍の文字数を出せるようにするにはどうすればいいですか？
・商品一覧のアイテムについて1行しか表示されない仕様ですが、複数行で表示させる方法はありますか。

▼変更箇所イメージ

A.下記の方法でカスタマイズしてください。

TCDテーマ＞基本設定の「カスタムCSS」に入力してください。
下記記述は2行で表示する場合のCSSです。

.p-product-item__content .p-product-item__title{
    max-height: calc(1.6em * 2);
    height: auto;
}
.p-product-item__content .p-product-item__title span{
    -webkit-line-clamp: 2;
}

補足）
・行数を増やしたい場合は「2」の値を増やしてください。