Supplyテーマを使ってトップページにコレクションを設定すしています。商品が一覧で並びますが、画像の⇔部分に説明文の一部を表示させたいです。どのようにすればいいでしょうか?
表示する文字数は三行くらいに調整したいです。
方法をご存じの方がいらっしゃれば教えていただきたいです。
よろしくお願いします。
Supplyテーマを使ってトップページにコレクションを設定すしています。商品が一覧で並びますが、画像の⇔部分に説明文の一部を表示させたいです。どのようにすればいいでしょうか?
表示する文字数は三行くらいに調整したいです。
方法をご存じの方がいらっしゃれば教えていただきたいです。
よろしくお願いします。
管理画面にログインして、「アクション」→「コードの編集」と進み、Snippetsフォルダ内のproduct-grid-item.liquidファイルを選択してください。
{{ product.title }}
というコードを探して、その下に以下のようにコードを追記して保存してください。
{{ product.title }}
{{ product.description | strip_html | truncate: 100 }}
100という数字が表示される文字数を指定しています。ここの数字を変更することで、任意の文字数を表示できます。
教えていただいた通り入力してみました。
うまく反映できました!ありがとうございます!!
数値の設定方法も教えていただき助かりました!