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

日本語 ディスカッション 技術的なQ＆A

AI-generated summary

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

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

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

1

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

2

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

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


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

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

3

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

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