# 商品に紐づくコレクションの画像の表示方法

**URL:** <https://community.shopify.com/t/topic/120602>\
**Category:** 技術的なQ＆A\
**Created:** [May 12, 2022, 9:00am UTC](https://community.shopify.com/t/topic/120602 "2022-05-12T09:00:49Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

目的: 登録商品の所属コレクションの「コレクション画像」だけを表示したいが、現状のLiquidコードで商品画像も取得されてしまうという報告。技術対象は Shopify の Liquid と product-template.liquid。

使用コード: product.collections をループし、collection.image を image_url と image_tag で出力。コード断片が理解の中心で、表示対象が正しく絞れているかが課題。

検証結果: Dawn v5.0.0 テーマで同コードを試したところ、コレクションに設定した画像のみが表示されることを確認。

参照資料: Shopify公式ドキュメントの collection.image の仕様に一致した挙動との指摘。

追加提案: JSON フィルターで collection オブジェクトを出力し、image キーの値を確認してデータ側の問題を切り分けること。

現状: 原因や修正は確定しておらず、投稿者環境・データの確認が必要。議論は未解決で継続中。

<div class="post-metadata">

**Author:** ![ideide](https://avatars.discourse-cdn.com/v4/letter/i/898d66/32.png) [@ideide](https://community.shopify.com/u/ideide)\
**Post date:** [May 12, 2022, 9:00am UTC](https://community.shopify.com/t/topic/120602/1 "2022-05-12T09:00:49Z")

</div>

**登録商品の所属するコレクションの画像のみを取得したいのですが、**  
**以下の記述だと登録商品の画像も一緒に取ってきてしまいます。**  
**コレクションの画像のみ取得する方法などありますか？**  
**ファイルはproduct-templeate.liquidです。**

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

**{% for collection in product.collections %}**  
**{{ collection.image | image\_url: width: 1048 | image\_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:** [May 21, 2022, 1:56pm UTC](https://community.shopify.com/t/topic/120602/2 "2022-05-21T13:56:01Z")

</div>

Dawn(v5.0.0)テーマにて記載されているコードを試しましたが、「コレクションの画像」に設定した画像のみが表示されました。

以下のドキュメントを見ましても上記の動作が正しいように思います。

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

以下のようにJSONフィルターで取得されたcollectionオブジェクトのキーと値が確認できますので、キーがimageの箇所の値を確認されるとよいかもしれません。

```ruby
{% for collection in product.collections %}
{{ collection | json }}
{% endfor %}

```