Adjust filters

Filters help customers narrow collection and search results faster. In Slab, filter behavior is controlled by the Filter block, which can run in inline mode (button/dropdown style) or stacked mode (accordion style).

How to adjust filters

1. Go to Online Store > Themes > Customize.

2. Open a collection template (for example Default collection).

3. In the Main collection section, select the Filter block in the top bar (desktop) or filter drawer (mobile).

4. Turn Enable filters and Enable sorting on or off based on your storefront needs.

5. Choose Container layout:

   • Inline for toolbar-style filter buttons.

   • Stacked for sidebar/drawer accordion filters.

6. Set Filter limit and item display options.

7. Save and test on desktop and mobile.

Suggested setup defaults

• Use Inline for compact desktop toolbars.

• Use Stacked in mobile drawers for easier scrolling.

• Keep Show filter count on so customers can see result volume.

• Keep Show filter swatches on if your filters include color/image values.

• Start with Filter limit at 10, then increase only if needed.

Filter settings to adjust first

Setting	What it controls	Default
Enable filters	Shows or hides filter groups.	On
Enable sorting	Shows or hides sort options.	On
Container layout	Overall filter UI mode: stacked or inline.	Stacked
Filter limit	Maximum visible values before showing additional options.	10
Items layout	How filter values display in each group (stacked or grid).	Stacked
Row desktop / Row mobile	Grid columns for filter values when grid layout is used.	2 / 1
Show filter count	Shows item counts next to filter values.	On
Show filter swatches	Shows swatch-style values when available.	On
Swatch size	Size of filter swatches.	16 px
Open filters	Comma-separated filter labels to keep pre-opened in stacked mode.	Empty

Where to adjust desktop and mobile separately

• Desktop top bar commonly uses a Filter block with inline layout and desktop visibility.

• Mobile drawer commonly uses a separate Filter block with stacked layout.

• You can keep both blocks active and tune each for its device context.