Shopify Hide Filter selection in Collection

Store Design
, , , , , , ,

Topic summary

A user wants to hide the filter selection display on a Shopify collection page while keeping the “Remove all” option visible. The selected filters are already indicated by checkboxes, making the additional display redundant.

Solution provided:

  • Navigate to Online Store → Themes → Active Theme (three dots) → Edit Code
  • Locate the CSS file in the Assets folder (typically ‘theme.css’, ‘base.css’, or ‘style.css’)
  • Add the following CSS code at the bottom of the file:
.active-facets > facet-remove {
  display: none !important;
}

The solution was confirmed as working by the original poster.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi there!

How can I hide the Filter selection in a Collection page.

I mean, the selected options are clear with the check-boxed, there is no need for the additional filter selection.

I want to main the Remove all option that pops up once the initial selection changes.

How can I do that?

Website: https://venga-store.com/collections/festival-outfits-women

Theme: Dawn

miltokas_2-1719772951375.png
miltokas_2-1719772951375.png1767×843 257 KB

2

Instructions:

  1. Go to ‘Online Store’ → Themes.

  2. In your Active Theme, click on the 3 dots (…) → Edit Code.

  3. In your Assets folder, locate the file ‘theme.css’, ‘base.css’, or ‘style.css’.

  4. At the bottom of the file, paste the code below.

.active-facets > facet-remove{
  display: none !important;
}
1 Like
3

Thanks a lot @WalkYourStyle , that’s exactly what I need it.

1 Like