How to capture and use user input for a product page math filter?

Shopify Discussion
1

Hi all.

I am attempting to run a math filter on the product page, which allows users to input the length of a room.

I want to capture this information then use the number they input in a math filter, for example.. they input the room as 45m long, so the math filter that runs would be 45m*product price. I hope this is explained well enough.

Thank you in advance.

2

yea this seems like a job for an event listener, so when the input field state is changed i.e. (anything is typed in it) you can trigger a function that reassigns the value of length.

you’ll need to limit the input field so it only accepts a range of values, using a slider might be better for UX

3

Thank you for your reply. Would you have any idea how to go about this?