DAWNテーマを使ってトップページにコレクションを設定すしています。商品が一覧で並びますが、画像の⇔部分に説明文の一部を表示させたいです。どのようにすればいいでしょうか？
表示する文字数は三行くらいに調整したいです。
方法をご存じの方がいらっしゃれば教えていただきたいです。
よろしくお願いします。
Topic summary
DAWNテーマを使用したトップページのコレクション一覧で、商品画像の下部分に商品説明文の一部を表示させたいという質問。表示する文字数は3行程度に調整したいとのこと。
提案された解決方法:
- 商品メタフィールドに表示したい文言を登録
- card-product.liquidファイルで画像付近にメタフィールドを呼び出す
- CSSで見た目を調整
参考記事のリンクも提供されており、具体的な実装手順が示されている。質問者からの返答待ちの状態で、不明点があれば追加で連絡可能とのこと。
Taboさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
商品ごとに異なる説明文を表示されたいということであっていますでしょうか？
一例ですが、商品のメタフィールドに表示したい文言を登録して画像付近に出力する方法はいかがでしょうか？
-
商品メタフィールドを作成
-
card-product.liquidで、テキストを表示したい要素付近でメタフィールドを呼びだす
参考記事：https://100webdesign.jp/services/web_knowhow/shopify-customize/web_knowhow-23574/
- CSSで見た目を調整
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉