# コレクションに表示される並び替えを削除したい

**URL:** <https://community.shopify.com/t/topic/378591>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [December 4, 2024, 6:34am UTC](https://community.shopify.com/t/topic/378591 "2024-12-04T06:34:33Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

- Shopifyテーマ「Dawn 15.2」のコレクション（商品一覧）ページ上部に表示される「並べ替え」を非表示／削除したいという相談。
- 解決策として、assets内「component-faces.css」の .facet-filters__field のスタイルを display:flex から display:none に変更する方法が提示された。
- この変更により並べ替えUIが画面から消える。ほかの機能への影響は「ないと思うが断言不可」との注意付き（自己責任）。
- 依頼者が提示どおりに修正し、目的どおり「並び替え」を非表示化できたと報告。
- 結果／現状: CSS変更で解決。追加の課題や未解決点は提示されていない。

<div class="post-metadata">

**Author:** ![uf2](https://avatars.discourse-cdn.com/v4/letter/u/7ab992/32.png) [@uf2](https://community.shopify.com/u/uf2)\
**Post date:** [December 4, 2024, 6:34am UTC](https://community.shopify.com/t/topic/378591/1 "2024-12-04T06:34:33Z")

</div>

テーマ：DAWN 15.2

商品一覧画面（コレクション）の上部に絞り込みと並べ替えがデフォルトで表示されています。

この「並べ替え」という項目自体を非表示、または削除したいです。

どのファイルのどこを修正すればいいかわからず、どなたかご存知の方がいらっしゃいましたら

ご教示いただきたいです。

また、並べ替えを削除することによってほかの機能に影響がでるようでしたら断念したいと思いますので、

併せてご教示いただきたいです。

---

<div class="post-metadata">

**Author:** ![Anonymous\_5168086324d6fa4637c896de39bb248c](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_5168086324d6fa4637c896de39bb248c/32/28647_2.png) [@Anonymous\_5168086324d6fa4637c896de39bb248c](https://community.shopify.com/u/Anonymous_5168086324d6fa4637c896de39bb248c)\
**Post date:** [December 4, 2024, 11:58pm UTC](https://community.shopify.com/t/topic/378591/2 "2024-12-04T23:58:40Z")

</div>

assetsフォルダ内にある「component-faces.css」に該当のコードがあります。

```css
.facet-filters__field {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

```

上記のdisplayの値をflexからnoneに変更することで、並び替えの表示を消すことができます。

他の機能への影響はないとは思いますが、断言はできませんので自己責任でお願いいたします。

---

<div class="post-metadata">

**Author:** ![uf2](https://avatars.discourse-cdn.com/v4/letter/u/7ab992/32.png) [@uf2](https://community.shopify.com/u/uf2)\
**Post date:** [December 5, 2024, 5:07am UTC](https://community.shopify.com/t/topic/378591/3 "2024-12-05T05:07:50Z")

</div>

ご回答いただきありがとうございます。

ご教示いただいた通り修正したところ並び変えを削除することができました…！

この度はありがとうございました。