Need Solution for Outlier Prices for Filters + Range Slider

Attributes
1

My client sells sheds that are priced in the $3,000-$15,000 range typically, but they also sell fully finished tiny homes which are around $100,000. Obviously the problem with the range slider and cms filter in this instance is that the slider reduces in usability with this range and such a heavy stack of inventory toward the bottom end (something like 99:1). However, they want the more expensive inventory to be shown.

My first thought is to just use fields instead of sliders, of course, but that’s a worse UX making the user think about prices.

Any suggestions here?

I’ve implemented the new range with the slider, but you can see how bad it feels here with such a price disparity: Inventory

2

Hey @ryan3! :thinking:

For extreme price ranges like yours, a traditional slider definitely becomes unusable when most inventory sits at the bottom of the scale.

Here are some better approaches:

Option 1: Category + Range Filtering
Split your products into distinct categories first:

  • Create a “Product Type” field (Standard Sheds, Premium Sheds, Tiny Homes)
  • Let users select the category first
  • Then show price ranges appropriate to each category

This way someone viewing “Standard Sheds” sees a $3,000-$15,000 range slider while “Tiny Homes” shows $80,000-$120,000.

Option 2: Predefined Price Brackets
Use a dropdown or checkbox system with meaningful ranges:

  • Under $5,000
  • $5,000 - $10,000
  • $10,000 - $20,000
  • $20,000+

This is often more intuitive for users than precise sliders.

Option 3: Smart Dual Filtering
Combine both approaches with quick category filters first, then show contextual price ranges.

Technically, you’d set up multiple fs-list-field instances with different identifiers and toggle them based on category selection.

What filtering approach do you think would work best for your client’s users? :flexed_biceps:

If you need help implementing any custom filtering logic, @Support-Luis, @Support-Pedro or @jesse.muiruri can assist further.

3

@Support-Luis The solutions here are interesting. I would be interested filtering by product type first then presenting the price slider, but I’m not sure how I would set up this nested filtering.

Here’s the link to the read-only site: Webflow - The Backyard & Beyond