[Shopify Legacy] How can I modify the price range facet display?

Please note that this Support article contains frontend customizations via modifying the legacy Algolia template files, which are deprecated and unsupported by the Algolia Support Team.

For more information, please review this Support article - "Why is modifying Algolia template files for customizations not supported?"

If you'd like to update how you display the price range values on your front end, as in the following example:

Price Range (original)

$0 - $10

$10 - $25

Price Range (updated) 

$0 - $12

$12 - $30

You can do so by modifying the price_range facet display function in your theme files > algolia_facet.js.liquid file.