# メタフィールドで表示される、値の順番がおかしい

**URL:** <https://community.shopify.com/t/topic/332030>\
**Category:** 技術的なQ＆A\
**Created:** [June 16, 2024, 10:59am UTC](https://community.shopify.com/t/topic/332030 "2024-06-16T10:59:39Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

メタフィールドで店舗情報を「東京、愛知、三重、滋賀」の順に追加したが、実際の表示では「東京、滋賀、三重、愛知」とアルファベット順(a-z)で並んでしまう問題が報告されました。

**原因:**
メタオブジェクトのハンドルが英語表記(tokyo_store、aichi_store、mie_store、shiga_store)になっており、アルファベット順で自動的にソートされている。

**解決策として2つの方法が提案されました:**

1. **ハンドル名を変更する方法**
   - 東京店:store_01、愛知店:store_02、三重店:store_03、滋賀店:store_04のように番号付きに変更すると、意図した順序で表示可能。

2. **並び順用の項目を追加する方法**
   - メタオブジェクト定義に並び順用のフィールドを追加し、コードで`sort`フィルターを使用して任意の順序でソート。
   - 例:`{% assign sorted_metaobject = shop.metaobjects.shopList.values | sort: "sort" %}`

画像付きで具体的な設定方法が説明されています。

<div class="post-metadata">

**Author:** ![mw\_7](https://avatars.discourse-cdn.com/v4/letter/m/6bbea6/32.png) [@mw\_7](https://community.shopify.com/u/mw_7)\
**Post date:** [June 16, 2024, 10:59am UTC](https://community.shopify.com/t/topic/332030/1 "2024-06-16T10:59:39Z")

</div>

質問をご覧いただきありがとうございます。

メタフィールドの出力は、「エントリーを追加した順」ではないのでしょうか？

以下の画像のように、「東京、愛知、三重、滋賀」という順に追加したのですが、

 ![スクリーンショット 2024-06-16 19.51.05.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/3/53f2f7e7b57276cc6ae2f8ba0ac7f1023155e77a.png)

↓ のように、東京、滋賀、三重、愛知 という順番に表示されています。

 ![スクリーンショット 2024-06-16 19.54.22.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/f/e/3/fe3ad8240e2d985243ebfd9e87a13155aadedaf1.png)

↓ こちらが該当のコードになります。

```auto
<p>店舗一覧</p>
<div class="shop_list">
  {%- for shopInfo in shop.metaobjects.shopList.values -%}
    <div class="shop_info">
      <p>店舗名：{{ shopInfo.name }}</p>
      <p>店舗住所：{{ shopInfo.address }}</p>
    </div>
  {%- endfor -%}
</div>

```

メタフィールドの出力は、「エントリーを追加した順」ではないのでしたら、どのようなルールで表示順が決まってくるのでしょうか？

お手数お掛けしますが、ご存じの方がみえましたら教えていただけますと幸いです。

▽参考にしたサイト

[https://commerce-media.info/blogs/ec/meta-object](https://commerce-media.info/blogs/ec/meta-object)

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [June 18, 2024, 11:32am UTC](https://community.shopify.com/t/topic/332030/2 "2024-06-18T11:32:51Z")

</div>

@mw_7 様

ご質問いただいている、メタオブジェクトの出力順についてですが、  
メタオブジェクトのカスタムオブジェクトのハンドルを下記のように英語表示されていませんでしょうか。

 ![20240618-Shopify.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/f/4/0/f406c239d0c70d6c851a9733951daa5794dfd043.png)

東京店：tokyo\_store  
愛知店：aichi\_store  
三重店：mie\_store  
滋賀店：shiga\_store  
英語表記されていると、ハンドル順「aからz」の順で並んでいる様です。

ハンドルを変更するこができる場合は、  
東京店：store\_01  
愛知店：store\_02  
三重店：store\_03  
滋賀店：store\_04  
のように登録すると、東京、愛知、三重、滋賀の順に表示することが可能です。

 ![スクリーンショット 2024-06-18 19.52.51.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/3/b/b/3bb670b91e22e14e79c44899e6a9409e1bb4f748.png)

もし、ハンドルを変更するとが難し様でしたら、カスタムデータメタオブジェクト定義の店舗一覧に添付画像のような、  
並び順用の項目を追加し、並び順の任意にソートする方法もあります。

 ![20240618-Shopify2.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/d/f/f/dff654ed73dd798e4128ccc81482acec9eef19e2.png)

添付画像のキーsortを赤字部分に指定した下記コードを使い、

店舗一覧

{%- assign sorted\_metaobject = shop.metaobjects.shopList.values | sort: "\*\*sort\*\*" -%} {%- for shopInfo in sorted\_metaobject -%}

店舗名：{{ shopInfo.name }}

店舗住所：{{ shopInfo.address }}

{%- endfor -%}

下記順番で並び順を指定した場合、  
東京店：3  
愛知店：4  
三重店：1  
滋賀店：2  
添付のように順番で並びます。

 ![スクリーンショット 2024-06-18 20.22.17.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/8/7809a38b36619344fa05a5186b942abed245255b.png)

ご参考まで  
（キュー小坂）