lera aligns

Order Summary

• 

  CMS Price Range Slider

  $4.00

  (sales tax incl.)

  🛠️ How to use 🛠️

  1. Place your CMS collection in a stack, name both the same.
  2. Connect CMS item properties to fields (Title → Title, Price → Price, etc.).
  3. Drop the Price Range Slider into the same stack. Done! It reads all prices (incl. sale), sets the range & filters items.

  💫 Customize 💫

  • Price tooltips, Reset button, “X from Y” count – each with its own toggle
  • 20 currency symbols
  • Handle size (touch target stays 44px)
  • Gap between slider, inputs & inputs themselves
  • Typography & colors

  ⌨️ Keyboard ⌨️

  • Tab to a handle, arrows ↑/↓ = ±1
  • Shift + arrows = ±10

  ☝ Important ☝
  📌 Needs a CMS collection in the same stack.
  📌 Several collections per page? Give each its own slider in a shared parent stack & name layers clearly.
  📌 One slider filters only the collection in its parent stack.
  📌 Screen readers announce min/max & filtered count.
  📌 Respects prefers-reduced-motion