Removing some "sort by" options

Store Design
, ,

Topic summary

A user customizing the Dawn theme wants to remove most “sort by” options from their collection page, keeping only ascending and descending price sorting.

Solutions Provided:

Multiple respondents offered CSS-based solutions:

  • Adding CSS code to theme.liquid (before </body> tag) to hide unwanted options using display: none on specific select options
  • Adding CSS to component-facets.css targeting specific child elements with nth-child selectors

The original poster confirmed one solution worked successfully.

Follow-up Issues:

  • Another user requested the opposite configuration: keeping “Featured,” “Best seller,” “Newest first,” and “Oldest first” while removing price and alphabetical options
  • A user reported that while the solution works, the dropdown label displays one of the hidden options and asked how to change it

The discussion remains open with these additional customization requests unresolved.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
4

Hello @larsvilhelmsson
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-facets.css
add this code at the end of the file.

.facet-filters__sort div:nth-child(1),.facet-filters__sort div:nth-child(2),.facet-filters__sort div:nth-child(3),.facet-filters__sort div:nth-child(4),.facet-filters__sort div:nth-child(7),.facet-filters__sort div:nth-child(8).facet-filters__sort div:nth-child(1), .facet-filters__sort div:nth-child(2), .facet-filters__sort div:nth-child(3), .facet-filters__sort div:nth-child(4), .facet-filters__sort div:nth-child(7), .facet-filters__sort div:nth-child(8) {
    display: none;
}

result

16.png
16.png951×552 250 KB

If this was helpful, hit the like button and accept the solution.
Thanks