# Debutを使ってコレクションリストを作成した場合

**URL:** <https://community.shopify.com/t/debut/45456>\
**Category:** 技術的なQ＆A\
**Created:** [May 4, 2021, 6:17am UTC](https://community.shopify.com/t/debut/45456 "2021-05-04T06:17:50Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Debutテーマで作成したコレクションリストに、コレクション画像の上へタイトル文字が重なって表示される問題への対処が示された。

- 原因として、テーマ内の`collection-grid-item.liquid`にタイトル表示用コードが入っている点が案内された。
- 対応方法は、42〜48行目付近の`collection.title`を出力する条件分岐コードを削除して保存すること。
- `liquid`はShopifyテーマで使われるテンプレート言語。

質問者はこの方法を試すと返答しており、実質的な解決策は提示されたが、適用後の結果報告まではない。

<div class="post-metadata">

**Author:** ![smilebb](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@smilebb](https://community.shopify.com/u/smilebb)\
**Post date:** [May 4, 2021, 6:17am UTC](https://community.shopify.com/t/debut/45456/1 "2021-05-04T06:17:50Z")

</div>

Debutを使ってコレクションリストを作成した場合、 コレクションのタイトルが画像の上に表示されてしまいます。 この文字はどのようにしたら消すことができますか？ コレクションの画像を設定してもその画像の上にタイトル文字が出ています。 分かる方いたら是非ご教授頂けたらと思います。

---

<div class="post-metadata">

**Author:** ![KOICHI\_KAMIZURU](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/koichi_kamizuru/32/120990_2.png) [@KOICHI\_KAMIZURU](https://community.shopify.com/u/KOICHI_KAMIZURU)\
**Post date:** [May 8, 2021, 11:26am UTC](https://community.shopify.com/t/debut/45456/2 "2021-05-08T11:26:14Z")

</div>

Debutテーマの場合、「collection-grid-item.liquid」ファイルを修正することでタイトル文字を非表示にすることが可能です。

42〜48行目に以下のようなコードがありますので、その部分のコードを削除して保存していただくと反映されます。

```markup

        {% if collection.title == blank %}
          {{ 'homepage.onboarding.collection_title' | t }}
        {% else %}
          {{ collection.title }}
        {% endif %}
      

```

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

---

<div class="post-metadata">

**Author:** ![smilebb](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@smilebb](https://community.shopify.com/u/smilebb)\
**Post date:** [May 10, 2021, 10:34am UTC](https://community.shopify.com/t/debut/45456/3 "2021-05-10T10:34:16Z")

</div>

ご連絡ありがとうございます、早速試してみます。

丁寧にありがとうございました！