Price Slider - Horizon

Short description of issue

Price Slider on Collection Filter

Link to Shopify Store

astore.myshopify.com

Reproduction steps

N/A

Additional info

I am wondering if there is an inbuilt price slider in the horizon theme.

What type of topic is this

General discussion

Hi @ChrisBradley

That store does not works. Can you share me more detail infor?

honestly is just a 3.5.1 horizon base theme, nothing crazy.

Hi, @ChrisBradley

Yes, the Horizon theme does include a built-in price filter/price slider feature as part of the collection filtering system. However, its availability can depend on whether filtering has been enabled properly in the Shopify Search & Discovery settings and how the theme has been configured.

In that case it does not include the price filter. Most of the Shopify store built with Horizon mainly use third-party app like Search & Discovery app for the price filter purpose.

@Airton_Gomes

we are using S&D, the current price filter is a field to input the values, preferably there would be a slider option between min and max, but I wonder if it is built into horizon styles or do we need to rebuilt the price filter mechanism.

@ChrisBradley

From what I know, the Horizon theme itself does not include a built-in range slider UI for the Shopify Search & Discovery price filter by default.

If the current behavior is showing min/max input fields, that is typically the standard Shopify Search & Discovery filter rendering.

So in this case, you would most likely need to customize or rebuild the price filter UI component to achieve a true slider experience.

The good news is that you usually do not need to rebuild the entire filtering mechanism/backend logic. In most cases, we can:

  • Keep Shopify Search & Discovery filtering functionality
  • Keep the existing URL/filter parameters
  • Replace only the frontend UI
  • Add a range slider component connected to the existing min/max values

So it would mainly be a theme customization rather than rebuilding the whole filtering system from scratch.

I can review the Horizon theme structure and confirm the cleanest approach for implementing the slider while remaining compatible with Shopify filtering.