# 管理画面上でのコレクションと商品管理の並び替えについて

**URL:** <https://community.shopify.com/t/topic/175838>\
**Category:** 技術的なQ＆A\
**Created:** [December 13, 2022, 4:44am UTC](https://community.shopify.com/t/topic/175838 "2022-12-13T04:44:52Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

管理画面でのコレクションと商品の並び替え方法についての質問と回答。

**質問内容:**
- 管理画面上でコレクションと商品管理の並び替えを手動で行いたい
- コレクション内の商品は手動で並び替え可能だが、「大元」での並び替え方法を知りたい

**回答1（フルバランス 渡邉氏）:**
- コレクション内商品の並び替えは「コレクション→商品管理→並び替え」から可能
- 管理画面の「商品管理→コレクション」での並び順は添付画像の「並び替え」から変更可能（ただしストア上には反映されない）
- DAWNテーマの場合、コレクション一覧ページでの並び替えは「カスタマイズ画面→コレクションリスト→コレクションページ→コレクションの並べ替え方法」から設定可能だが、手動選択はできない

**回答2（_osamu_iwasaki_氏）:**
- CSSの「order:数字」をメタフィールドで入力できるようにすることで、リストコレクションの並び順を手動変更可能
- 具体的な実装方法を画像付きで説明：①メタを定義 ②数字を入力 ③Dawnテーマの「main-list-collection.liquid」内のメインセクションにある<li>タグのSTYLEに、メタフィールドで入力したorder番号を追加

**質問者の反応:**
- ストア上に反映される手動並び替え方法について、さらに詳細な回答を求めている

<div class="post-metadata">

**Author:** ![Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://community.shopify.com/u/Anonymous_f3904c962f1f4025a9649d0e22fc8a10)\
**Post date:** [December 13, 2022, 4:44am UTC](https://community.shopify.com/t/topic/175838/1 "2022-12-13T04:44:52Z")

</div>

お世話になっております。

管理画面上でのコレクションと商品管理の並び替えを

手動で行いたいです。

コレクション内の商品管理の並び替えは手動で可能ですが

大元は可能でしょうか。

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

---

<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:** [December 13, 2022, 8:51am UTC](https://community.shopify.com/t/topic/175838/2 "2022-12-13T08:51:59Z")

</div>

あこさんさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

コレクション内の商品の並べ替えはおっしゃる通りコレクション-\>商品管理 -\>並び変えから可能ですが、大元とは何を指されてますでしょうか？

もしShopify管理画面の商品管理-\>コレクションでの並び順でしたら、

添付画像赤枠の「並び替え」から変更いただけます。※この設定は管理画面での並び替えのためストア上には反映されません。

 ![スクリーンショット 2022-12-13 17.45.47.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/2/0299836dc53a729e86e8164c0ba0716354f776e5.png)

もしコレクション一覧ページでのコレクションの並び順のことでしたら、

DAWNの場合、カスタマイズ画面 → コレクションリスト → コレクションリストのページ → コレクションの並べ替え方法 から設定が可能ですが、手動は選択できないようです。

 ![スクリーンショット 2022-12-13 17.41.41.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/4/4/2/4428a46481c99a1bfd370085a32310629b273a50.png)

的外れでしたら恐縮ですが、参考になりましたら幸いです。

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

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

フルバランス 渡邉

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [December 14, 2022, 2:13am UTC](https://community.shopify.com/t/topic/175838/3 "2022-12-14T02:13:05Z")

</div>

CSSの「order:数字」をメタフィールドで入力できるようにしてあげると

リストコレクションの並び順を手動で変更できます。

**① メタを定義する**

**② 数字を入力する**

 ![meta.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/c/dcd9436403206bc2b844a393f3533a8adf30dac2.jpeg)

 ![collection.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/9/9955ecc9210f0dddae3cf9c472bfd110c6e22528.png)

↓

**③ Dawnテーマの場合、「main-list-collection.liquid」にメインセクションがあるので、**

- **タグのSTYLEにメタフィールドで入力したorder番号を追加。**

```ruby
- ・・・

```

 ![before.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/a/8/a84cab7c8c08ef2b775a04290c581c8cf819a353.jpeg)

↓

 ![after.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/3/9/c/39cdab0a15357652555e8fe7109d09777c2a708d.jpeg)

---

<div class="post-metadata">

**Author:** ![Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://community.shopify.com/u/Anonymous_f3904c962f1f4025a9649d0e22fc8a10)\
**Post date:** [December 15, 2022, 12:56am UTC](https://community.shopify.com/t/topic/175838/4 "2022-12-15T00:56:12Z")

</div>

フルバランス 渡邉様  
はじめまして。  
ご返答、誠にありがとうございます。

> コレクション内の商品の並べ替えはおっしゃる通りコレクション-\>商品管理 -\>並び変えから可能ですが、大元とは何を指されてますでしょうか？  
> 失礼いたしました。  
> Shopify管理画面の商品管理でのことです。ストア上に反映されなくても良いそうなのですが、手動での並び替えはできないのですね。

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

---

<div class="post-metadata">

**Author:** ![Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://avatars.discourse-cdn.com/v4/letter/a/65b543/32.png) [@Anonymous\_f3904c962f1f4025a9649d0e22fc8a10](https://community.shopify.com/u/Anonymous_f3904c962f1f4025a9649d0e22fc8a10)\
**Post date:** [December 15, 2022, 12:58am UTC](https://community.shopify.com/t/topic/175838/5 "2022-12-15T00:58:54Z")

</div>

\_osamu\_iwasaki\_様  
はじめまして。  
ご返答、誠にありがとうございます。

ストア上での手動での並び替え方法について

ご丁寧にご回答をありがとうございます。