# ピックアップした複数のタグを、一覧にして表示させたい

**URL:** <https://community.shopify.com/t/topic/288326>\
**Category:** 技術的なQ＆A\
**Created:** [January 24, 2024, 6:28am UTC](https://community.shopify.com/t/topic/288326 "2024-01-24T06:28:05Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

**問題の内容:**
複数のタグをピックアップして一覧表示しようとしたが、うまく表示されない。1個のタグだけなら表示されるが、`{% if tag contains 'AAA' or tag contains 'BBB' or tag contains 'CCC' %}`のように複数に増やすと動作しない。

**回答と解決策:**
- Jizo_Inagakiは、`or`で繋ぐ方法は動作するはずなので、各段階で値を確認することを推奨。`==`を使った簡潔な記述例も提示。
- NIIGAKI_HYUGAは、Liquidの記述にミスは見当たらず、テストストアでは正常に動作すると確認。CSS、コード記述箇所、タグ記述のミスなどを確認するよう助言。

**解決:**
質問者は、タグ全表示を試したところ一部しか表示されないことを発見。調査の結果、**タグが多すぎると表示されない**ことが判明。`{% paginate collections.all.products by 1000 %}`を追加することで解決した。

<div class="post-metadata">

**Author:** ![Go1000](https://avatars.discourse-cdn.com/v4/letter/g/e79b87/32.png) [@Go1000](https://community.shopify.com/u/Go1000)\
**Post date:** [January 24, 2024, 6:28am UTC](https://community.shopify.com/t/topic/288326/1 "2024-01-24T06:28:05Z")

</div>

全商品のタグの中から、タグをいくつかピックアップして、それを一覧にして表示させたいのですが、うまく行きません。過去スレッドやネットなどいくつか参考にさせていただいて、タグを表示させられるところまではできたのですが、タグ名を入れている箇所を複数個に変更して入れると、うまく表示されません。複数ではなく1個だけだと表示されます。表示されたのが下記に添付しているコードです。

「{% if tag contains ‘AAA’ %}」の箇所を、「{% if tag contains ‘AAA’ or tag contains ‘BBB’ or tag contains ‘CCC’ %}」のように表示を増やせばよいのかと思い試みたのですが、ダメでした。

「含む」ではなく「一致する」タグ名を複数個ピックアップする場合は、そもそも「if」や「contains」を使わないのでしょうか。

どうすれば表示されるかご教示いただきたく。

よろしくお願い致します。

```css
{% assign tag_list = "" %}

{% for product in collections.all.products %}
{% for tag in product.tags %}
{% if tag contains 'AAA' %}
{% assign tag_list = tag_list | append: "," | append: tag %}
{% endif %}
{% endfor %}
{% endfor %}

{% assign tag_list = tag_list | remove_first: "," %}
{% assign tag_array = tag_list | split: "," | uniq %}

  

    ## 
    {{ section.settings.title | escape }}
    
    
      

        

        {% for tag in tag_array %}
          - #{{ tag }}
        {% endfor %}
        
     

  

  

```

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [January 24, 2024, 8:52am UTC](https://community.shopify.com/t/topic/288326/2 "2024-01-24T08:52:44Z")

</div>

記載されている or で繋ぐ方法は動くと思いますので、各段階で値を確認することをお勧めします。

他方、以下のように少ない行数で書くこともできるかなと思います。

```markup
{% for tag in collections.all.tags %}
  {% if tag == 'tag_a' or tag == 'tag_b' or tag == 'tag_c' %}
      {{ tag }}

    {% endif %}
{% endfor %}

```

参考:

[https://shopify.dev/docs/api/liquid/objects/collection#collection-tags](https://shopify.dev/docs/api/liquid/objects/collection#collection-tags)

---

<div class="post-metadata">

**Author:** ![NIIGAKI\_HYUGA](https://avatars.discourse-cdn.com/v4/letter/n/f05b48/32.png) [@NIIGAKI\_HYUGA](https://community.shopify.com/u/NIIGAKI_HYUGA)\
**Post date:** [January 24, 2024, 9:09am UTC](https://community.shopify.com/t/topic/288326/3 "2024-01-24T09:09:40Z")

</div>

@Go1000

初めまして。新垣です。

Liquidの記述にミスは見当たりませんし、私のテストストアでは下記いずれの記述でも複数個表示されます。

```markup
{% if tag == 'Winter' or tag == 'Sport' %}
{% if tag contains 'Winter' or tag contains 'Sport' %}

```

なので、表示したい該当タグの記述ミスや、CSSおよびコード記述箇所での要素崩れ等を確認すると良いかと思います。

以上、参考になりましたら幸いです。

---

<div class="post-metadata">

**Author:** ![Go1000](https://avatars.discourse-cdn.com/v4/letter/g/e79b87/32.png) [@Go1000](https://community.shopify.com/u/Go1000)\
**Post date:** [January 24, 2024, 4:59pm UTC](https://community.shopify.com/t/topic/288326/4 "2024-01-24T16:59:36Z")

</div>

早々にご確認いただきありがとうございます。

先にお伝えすると、解決しました！ありがとうございます。

Liquidの記述にミスがないとお聞きし、まずとても安心しました。

なので、他がダメなのだと、色々調べました。

タグ全表示のコードに書き換えてみると、全タグが表示されず一部のタグしか表示されていないことが分かりました。

そこで、全て表示されないことを改めてネットで検索したら、タグが多すぎると表示されないことが分かりました…。

ネットに下記のように記載するとよいと書かれているのを参考にさせていただきました。

[Shopify 商品が全部表示されないとき｜まる (note.com)](https://note.com/maaaru0016/n/n032a25654bfe)

```markup
{% paginate collections.all.products by 1000 %}
  {% for product in collections.all.products %}
   ・・・
  {% endfor %}
{% endpaginate %}

```

by 1000のように記載すれば良いとのことで、解決しました！

こちらに加えて、教えていただいた下記コードで記述すると、後程見やすいので、こちらで表示したいタグを追加していこうと思います。

```markup
{% if tag == 'Winter' or tag == 'Sport' %}

```

ありがとうございました。