コレクションリストの説明について

[Fragrance1]

コレクションを作成し、タイトル、説明、コレクション画像を設定しました。

コレクションページにいくと添付画像１のように、コレクション画像内にタイトル、画像下に説明（「あああ....」）が表示されます。

こちらを添付画像２のようにコレクション説明も画像内に表示させたいです。

コードをいろいろと編集してみたのですがうまくいかず困っております。

ご教示ください。

コレクション全てに画像と説明がない場合もあります。

テーマ：Debut

  

[株式会社フルバランス]

一例ですが、説明文を表示するコードをコレクション名の下に移動させることで、画像内にコレクションの説明文を表示できます。

具体的には、collection-template.liquid 50~54行目が入力があった場合に説明文を表示させるコードですので、39~42行目にあるコレクション名の下に移動させます。

あとはCSSでいただいている添付画像２のような見た目に調整します。

画像と説明はどちらも入力があった場合のみ表示されます。

なお、コレクション画像がない場合はテーマのデフォルトで見出しのすぐ下に説明文が出るようになっています。({% else %}以降の内容が表示されます)

ご参考になれば幸いです。