【クリエイターモード】テンプレート＆moreで、商品名が一部しか表示されません。全部表示させることはできますか。

CSSの記述内容を変更することにより対応することができます。

◆商品名をすべて表示させるには

ショップデザイン / テンプレート選択・編集 / 全ページ共通「CSS」

初期値では801行目～付近の記述

.product-item-name {
        display: block;
        width: 95%;
        margin: 0 auto;
        padding: 0.25rem 0;
        white-space: nowrap;
        overflow: hidden;
        font-size: calc(1rem * 0.85);
}

こちらから

white-space: nowrap;

を削除してください。

「white-space: nowrap;」は、「改行せずに1行で表示する」という指定です。

削除することで商品名が改行されて表示されます。

◆商品名の文字数を指定するには

商品名の文字数を制限する修飾子

cut_html

を使用して文字数を指定することができます。

■クリエイターモードタグ
修飾子
https://reference.makeshop.jp/creator-mode/contents/modifier/index.html

例）
「新商品」の商品名を全角30文字まで表示させる場合は
商品名の変数タグに、以下のように修飾子を追記してください。

<{$new_item.list[i].name|cut_html:30}>

◆商品名の行数を指定するには

ショップデザイン / テンプレート選択・編集 / 全ページ共通「CSS」

.product-item-name {
        display: block;
        width: 95%;
        margin: 0 auto;
        padding: 0.25rem 0;
        white-space: nowrap;
        overflow: hidden;
        font-size: calc(1rem * 0.85);
}

.product-item-name {
        display:block;
        width:95%;
        margin:0 auto;
        padding:0.25rem 0;
        overflow: hidden;
        font-size: calc(1rem * 0.85);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
}

-webkit-line-clamp: 2;