商品名の文字数を指定して表示させることが可能です。
商品名の変数タグに、修飾子
cut_html
をつけて、文字数を指定してください。
<例>
【Complete】テンプレートの「新商品」の場合
ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理 「新商品」
モジュールID:$module.new
欄内に一度カーソルを置いた状態でキーボードのCtrlとFキーを同時に押し、表示される検索窓に
$new_item.list[i].name
と入力(コピー&ペースト)し、キーボードのEnterキーを押して以下の記述(商品名のソース)を見つけてください。
<p class="item-name"><a href="<{$new_item.list[i].url}>"><{$new_item.list[i].name|escape:html}></a></p>修飾子:escape:htmlの後ろに、文字数を指定する修飾子cut_htmlを追記し保存してください。
<記述例>
商品名を14文字表示する場合
<p class="item-name"><a href="<{$new_item.list[i].url}>"><{$new_item.list[i].name|escape:html|cut_html:14}></a></p>
<表示例>
文字数指定なし:
文字数指定あり:
同様に、商品リストのそれぞれの「商品名」の変数タグのHTMLに修飾子cut_htmlを追記することで、文字数の指定が可能です。
| 文字数指定なし | 「20文字表示する」と指定 | |
| 新商品 | <{$new_item.list[i].name}> | <{$new_item.list[i].name|cut_html:20}> |
| おすすめ商品 | <{$recommend_item.list[i].name}> | <{$recommend_item.list[i].name|cut_html:20}> |
| スペシャル商品 | <{$special_item.list[i].name}> | <{$special_item.list[i].name|cut_html:20}> |
| 最近チェックした商品 | <{$recently_item.list[i].name}> | <{$recently_item.list[i].name|cut_html:20}> |
| ランキング | <{$ranking_item.list[i].name}> | <{$ranking_item.list[i].name|cut_html:20}> |
| 商品カテゴリー | <{$category.item.list[i].name}> | <{$category.item.list[i].name|cut_html:20}> |
| 商品検索結果 | <{$search.item.list[i].name}> | <{$search.item.list[i].name|cut_html:20}> |
| 商品グループ | <{$item.group.list[i].name}> | <{$item.group.list[i].name|cut_html:20}> |
<関連記事>
【クリエイターモード】テンプレート&moreで、商品名が一部しか表示されません。全部表示させることはできますか。


