Troubleshooting Filters 6 Range Slider Handle Issues
Hey there. I'm using the Filters 6 and trying to get the range slider to work. For some reason the handle doesn't drag. Not sure how to make it work.
Hey there. I'm using the Filters 6 and trying to get the range slider to work. For some reason the handle doesn't drag. Not sure how to make it work.
It has something to do with being inside this filter modal but can't figure out what
Are you using finsweet attributes?
Yes
Most likely just check through the attributes in each slider UI
Or you could just share a read-only link so I can check through
All the attributes seem to be in place. I'm playing with reinitializing the modules since the slider is in a hidden element at page start. not sure if that will do anything. The slider works outsized of the modal, but not inside.
Yep I'm stuck haha
Attributes can be a bit tricky to sort out. I'd check through and get back to you
I've been over the attributes a few times. I'm pretty sure they are right. But of course I could have missed something. The issue only seems to be that the sliders won't slide.
Matt J. Which controls do you mean? The way it looks now is janky because I pasted in the finsweet cloneable to see if it worked inside the modal. Doesn't. But works on the same page outside the modal further down. Also the Relume slider works fine outside the modal. So it's something to do with the modal. It's not the transition, could be the animation.
This is actually the 2nd attempt at this because the first filter modal got broken and I couldn't fix it. Was buggy. Re-pasting and adding the collection fixed the filter but the slider still won't slide.
When I remove the interactions the slider works fine
I'm also curious how you get the filters to only apply when the Apply button is clicked in Filters 6 dropdown
Ryan C. I just meant, that I wasn't aware that we had a filters component that opened in a modal but I see we're using a modal instead of a dropdown menu for this filtering which is interesting. It looks like when I hit preview, that the slider is sliding now. But on the published URL its not - likely needs to be re-published or? As far as the attributes go, as far as I can tell everything seems to be implemented correctly. I was able to copy in the component, add the FS script, and publish and was able to get the vanilla version of our component working fine - so I actually don't think its the modal interactions that are preventing this from working like I had originally thought. If this is still an issue, I would take the filters within that modal, and put it on the page to help rule out the modal entirely. If they still dont work, then its not the menu/modal. If they do work, then something else might be going on. If they still dont work laying on the page, then I would delete all of the other filters that exist within that filter wrapper to rule out any conflicts. I would double check your custom scripts to make sure there are no conflicts. If all that fails, let me know.
I've taken the filters outside the modal and the slider works. This I know.
The dropdown filter inside the modal works
I just can't seem to get the slider to work. I could try rebuilding it of course.
Will give all those a try!