Skip to product information
1 of 1
Published:2026.03.19

[Horizon] How to Show/Hide Individual Sort Filter Options on Shopify Horizon Theme

[Horizon] How to Show/Hide Individual Sort Filter Options on Shopify Horizon Theme

Applications

  • コレクション編集
View full details

On Shopify collection pages, you may want to hide certain sort options like "Best Selling" for competitive reasons. Rather than hardcoding the changes, this method lets you control which sort options to show or hide by simply editing a configuration array.

This implementation follows Horizon theme safe customization guidelines (custom.* files only). Just add a Custom Liquid section to your collection template.


How to Show/Hide Individual Sort Filter Options on Shopify Horizon Theme

Sort filter settings overview


Setup: Add a Custom Liquid Section to Collection Template and Insert Code

Setup instructions

◆Steps
・Add a Custom Liquid section to your collection template
・Paste the code and uncomment the sort option values you want to hide
・MutationObserver ensures options stay hidden after filter operations or pagination (Section Rendering API DOM replacement)


◆Sort Option Values
・manual — Featured (manual order)
・best-selling — Best Selling
・title-ascending — Alphabetically, A-Z
・title-descending — Alphabetically, Z-A
・price-ascending — Price, low to high
・price-descending — Price, high to low
・created-ascending — Date, old to new
・created-descending — Date, new to old


Dawn version: How to configure sort filter options individually

After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Horizon 3.4.0

コレクションテンプレートの「カスタムLiquid」セクションに貼り付けるコード