FROM CACHE - jp_header

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

Fragrance1
新規メンバー
1 0 0

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

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

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

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

ご教示ください。

 

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

 

テーマ:Debut

 

 

添付画像1.png

添付画像2.png

  

1件の返信1
株式会社フルバランス
Shopify Partner
317 90 305

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


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

スクリーンショット 2022-03-25 11.07.37.png

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

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

 

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

スクリーンショット 2022-03-25 11.15.05.png

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

株式会社フルバランス(Shopify Experts)
東京・高田馬場 18期目のWebデザイン・システム制作会社です。Shopify / Shopify Plusの制作・運営をサポートしております。
https://fbl.jp/