# 商品管理画面から、メタフィールドなどで画像とリンクをアップしたい

**URL:** <https://community.shopify.com/t/topic/225692>\
**Category:** 技術的なQ＆A\
**Created:** [June 19, 2023, 7:55am UTC](https://community.shopify.com/t/topic/225692 "2023-06-19T07:55:09Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

商品詳細ページに複数のリンク付き画像を設置する方法について相談されています。

**当初の課題:**
- 商品ごとに異なるリンクと画像をメタフィールドで管理したい
- 1商品に5セットの画像・リンクを設定予定
- メタオブジェクトも検討したが、大量の組み合わせが羅列されることを懸念

**提案された解決策:**
メタフィールドの**リストタイプ**を使用する方法が提案されました:
- 画像用リストとリンク用リストを別々に作成
- for文で交互に出力することで、1つのメタフィールドが長くなることを回避
- 参考記事も共有されました

**現在の状況:**
質問者は提案された方法を試行中ですが、for文で交互に出力する実装に苦戦しており、具体的なコード例を求めています。リンクと画像の紐付けが複雑になる可能性についても懸念を表明しています。

議論は継続中で、実装の詳細について追加のアドバイスを待っている状態です。

<div class="post-metadata">

**Author:** ![do4nd81oko](https://avatars.discourse-cdn.com/v4/letter/d/c4cdca/32.png) [@do4nd81oko](https://community.shopify.com/u/do4nd81oko)\
**Post date:** [June 19, 2023, 7:55am UTC](https://community.shopify.com/t/topic/225692/1 "2023-06-19T07:55:09Z")

</div>

商品詳細ページで、リンク付きの画像を複数枚設置します。

リンクと画像は商品ごとに異なるため、

メタフィールドなどを使い、商品管理画面から設定できるようにしたいと考えていますが、

より良い方法があれば教えていただきたいと思います。

現状考えているメタフィールド場合、

リンクと画像をアップするフィールドを各々用意し（複数個設定したいため、リンクはコンマ区切りで入力）、

forで回して画像とリンクの値を取得、表示させる。

という流れです。

また、メタオブジェクトも調べまして、試しに設定してみました。

上記のようにメタフィールドを作成し、リンクと画像入力欄をひとまとまりとして作成することができましたが、

コンテンツ \> メタオブジェクトの欄に膨大な数のリンク・画像の組み合わせが羅列されるのが気になります。

（1商品につき5つのリンク・画像のセットを設定する予定）

勉強不足で恐縮ですが、メタオブジェクトに上限などあるのでしょうか。

できればもっとスマートに、

且つ管理画面からもわかりやすく入力できる方法があればアドバイスいただけないでしょうか。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [June 19, 2023, 9:04am UTC](https://community.shopify.com/t/topic/225692/2 "2023-06-19T09:04:15Z")

</div>

Do4nd81okoさま

ご質問拝見しました。

メタフィールドのリストタイプを使うのはいかがでしょうか？

画像用のリストとリンク用のリストを作成して、それぞれfor文で交互に出力する形でしたら、１つのメタフィールドが長くなることもなくなるかと思います。

参考記事：

[https://community.shopify.com/topic/1643704](https://community.shopify.com/topic/1643704)

ただ、何十個も画像とリンクがあるとなると、どのリンクがどの画像に紐づいているのかがわかりづらくなるデメリットはあるかもしれません。

検討材料のひとつになりましたら幸いです。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

---

<div class="post-metadata">

**Author:** ![do4nd81oko](https://avatars.discourse-cdn.com/v4/letter/d/c4cdca/32.png) [@do4nd81oko](https://community.shopify.com/u/do4nd81oko)\
**Post date:** [June 20, 2023, 2:49am UTC](https://community.shopify.com/t/topic/225692/3 "2023-06-20T02:49:27Z")

</div>

株式会社フルバランス 様

ご返信ありがとうございます。

やはりそうなりますよね。

早速その方法で試してみています。

すみませんが、forで交互に出力する、というのがうまくできず、助言いただけないでしょうか。

メタフィールドでは、リンクと画像をそれぞれリスト形式でアップできるようにしました。

それらを出力したいのですが、下記のコードでは画像がうまく出力されません。

```markup
{% for i in (0..2) %}
{% assign j = i %}

　　                      

{% assign j = i | plus: 1 %}
{% endfor %}

```

恐れ入りますが、何かアドバイスいただけると嬉しいです。

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

---

<div class="post-metadata">

**Author:** ![do4nd81oko](https://avatars.discourse-cdn.com/v4/letter/d/c4cdca/32.png) [@do4nd81oko](https://community.shopify.com/u/do4nd81oko)\
**Post date:** [June 23, 2023, 9:32am UTC](https://community.shopify.com/t/topic/225692/4 "2023-06-23T09:32:05Z")

</div>

```markup
{% assign j = 0 %}
{% assign image_metafield = product.metafields.custom.×××_image %}  
{% for i in image_metafield.value %}
  
    
     
  {% assign j = j | plus: 1 %}  
{% endfor %}

```

こちらのコードで無事表示ができました。

手段を提示してくださりありがとうございました。