Liquid、JavaScriptなどに関する質問
Supplyテーマを使ってトップページにコレクションを設定すしています。商品が一覧で並びますが、画像の⇔部分に説明文の一部を表示させたいです。どのようにすればいいでしょうか?
表示する文字数は三行くらいに調整したいです。
方法をご存じの方がいらっしゃれば教えていただきたいです。
よろしくお願いします。
解決済! ベストソリューションを見る。
成功
管理画面にログインして、「アクション」→「コードの編集」と進み、Snippetsフォルダ内のproduct-grid-item.liquidファイルを選択してください。
<p>{{ product.title }}</p>というコードを探して、その下に以下のようにコードを追記して保存してください。
<p>{{ product.title }}</p>
<p>{{ product.description | strip_html | truncate: 100 }}</p>
100という数字が表示される文字数を指定しています。ここの数字を変更することで、任意の文字数を表示できます。
成功
管理画面にログインして、「アクション」→「コードの編集」と進み、Snippetsフォルダ内のproduct-grid-item.liquidファイルを選択してください。
<p>{{ product.title }}</p>というコードを探して、その下に以下のようにコードを追記して保存してください。
<p>{{ product.title }}</p>
<p>{{ product.description | strip_html | truncate: 100 }}</p>
100という数字が表示される文字数を指定しています。ここの数字を変更することで、任意の文字数を表示できます。
教えていただいた通り入力してみました。
うまく反映できました!ありがとうございます!!
数値の設定方法も教えていただき助かりました!
オンラインストアを運営する中で、商品の返品や交換は重要なプロセスとなります。Shopify管理画面を通して簡単に返品や交換が行えることをご存知でしょうか?希望する場合は、お客...
By Mirai Sep 15, 2024Shopifyの請求書の支払いが失敗したという通知を受け取って驚いたことはありますか。初めての支払いでエラーが発生したり、これまで何の問題もなく支払いできていたのに突然失敗し...
By Minami_ Sep 8, 20242023年2月、Shopifyはcheckout.liquidを廃止し、Checkout Extensibilityに移行することを発表いたしました。この新しいチェックアウト...
By JasonH Aug 15, 2024