# 並び替えフィルター

**URL:** <https://community.shopify.com/t/topic/396106>\
**Category:** 総合的なディスカッション\
**Created:** [February 21, 2025, 1:13am UTC](https://community.shopify.com/t/topic/396106 "2025-02-21T01:13:33Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

Tradeテーマのコレクションページで、並び替えオプションから「おすすめ」「ベストセラー」「アルファベット順」を削除したいという質問。

**経緯:**
- 最初にSearch & Discoveryアプリの「絞り込み」設定を確認する提案があったが、「並び替え」の設定画面が見つからなかった。

**解決方法:**
- テーマエディタのカスタムCSSに属性セレクタを使用する方法が提案された。
- 具体的には以下のようなコードで不要な選択肢を非表示にできる:
```css
[value="title-descending"] {
  display: none;
}
```
- 実際のvalue属性値は開発者ツールで確認する必要がある。

**結果:**
カスタムCSSの追加により、問題が解決し、不要な並び替えオプションが非表示になった。

<div class="post-metadata">

**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\
**Post date:** [February 21, 2025, 1:13am UTC](https://community.shopify.com/t/topic/396106/1 "2025-02-21T01:13:33Z")

</div>

Tradeのテーマを使っています。 コレクションページに存在する並び替えのうち

・オススメ

・ベストセラー

・アルファベット順

が不要です。

削除する方法はありますか？

---

<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:** [February 21, 2025, 4:11am UTC](https://community.shopify.com/t/topic/396106/2 "2025-02-21T04:11:30Z")

</div>

ご質問拝見しました。

並び替えに関してどのように実装していますでしょうか？

こちらの並び替えに関してShopifyの、Search & Discoveryというアプリを使っている場合はそちらを開いていただき、

「絞り込み」に進んでいただくと、現在追加している絞り込みを調整できますので確認していただければと思います！

ご参考にしていただけますと幸いです。

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\
**Post date:** [February 21, 2025, 5:31am UTC](https://community.shopify.com/t/topic/396106/3 "2025-02-21T05:31:52Z")

</div>

ありがとうございます。

Search & Discoveryを利用しております。

「絞り込み」の項目は編集出来るのですが、「並び替え」に関しては設定画面が見当たりませんでした。

引き続きご確認いただければ幸いです。

---

<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:** [February 25, 2025, 6:24am UTC](https://community.shopify.com/t/topic/396106/4 "2025-02-25T06:24:05Z")

</div>

方法はいくつか考えられますが、テーマファイルに手を加えずに簡易に対応するならCSSを用いる方法が検討できるかもしれません。

テーマやアプリの影響から実行不可の可能性もありますが、テーマエディタ内の該当セクションのカスタムCSSに、以下のように属性セレクタを用いて記載すればドロップダウンの中の選択肢の内のアルファベット昇順が表示されなくなると思います。

```css
[value="title-descending"] {
display: none;
}

```

具体的なvalue属性の値は、ご自身で開発者ツールなどを使って非表示にしたい選択肢を調査するなどで確認ください。

参考:

[https://developer.mozilla.org/ja/docs/Learn\_web\_development/Howto/Tools\_and\_setup/What\_are\_browser\_developer\_tools](https://developer.mozilla.org/ja/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools)

[https://developer.mozilla.org/ja/docs/Web/HTML/Element/option](https://developer.mozilla.org/ja/docs/Web/HTML/Element/option)

[https://developer.mozilla.org/ja/docs/Web/CSS/Attribute\_selectors](https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors)

以上ですが、よくわからない場合はご自身で学ばれるかエキスパートやパートナーへの依頼をお勧めします。

---

<div class="post-metadata">

**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\
**Post date:** [February 25, 2025, 7:16am UTC](https://community.shopify.com/t/topic/396106/5 "2025-02-25T07:16:21Z")

</div>

ありがとうございます。  
カスタムCSSの追加で無事に表示されなくなりました！