Skip to content

Price Facet

File: snippets/price-facet.liquid

Used in snippets: facets

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-price-facet.png

Description

Price Facet

Renders min/max price range input fields for Shopify’s native faceted filtering system. Displays currency symbol, “From” and “To” labeled inputs with decimal support, and conditionally shows/hides the second currency symbol based on filter_type orientation.

Features:

  • Min and max price range inputs with decimal support
  • Currency symbol display from cart settings
  • Conditional layout for vertical vs horizontal filter types
  • Input validation via data attributes (min, max, pattern)
  • Localized labels via Shopify translation keys

Usage

{% render 'price-facet' %}