Duplicating Filter Form

[fifteen15studios]

I’d like to create multiple instances of the Filter Form. What I mean is that I’d like to put parts of this form throughout the page (such as in this spot, I can pick categories, and in this spot, on another area of the page, I can pick a time of day. This will require me to put the form in more than one spot, but since the form’s functions (and tie to Ajax) uses an ID, this makes it difficult. It would be easy if I could somehow call the Ajax when I make a change to my own custom form.

Is there a way I can easily create my own custom forms which still call the refresh page Ajax?

Thanks!
Brendan

[Cliff]

Hi. Thanks for your detailed question.

FilterBar isn’t “shortcode-ized” or widgetized (i.e. modular) in a way that there are built-in settings to display pieces of it multiple places around the site.

I definitely want to support you as much as I can. Unfortunately, we would have to charge a lot more for our plugin if it included a year’s worth of customizations/modifications in the price. As we outline in our Scope of Support, support includes assistance with bug fixes and guidance on how to perform modifications. However, it is up to you to actually make the modifications yourself.

If you’d like, you could add it as a feature request at our plugins’ UserVoice page.

This allows others who are interested in that feature to easily voice their support. We frequently review suggestions there to find out which ones are popular, then we implement as many of them as we can.

If you do post it, feel free to link to it from here in case anyone comes across this forum thread in the future.

I hope that makes sense. I am very glad to further assist you to the extent outlined in our support agreement. Please let me know if you have any questions.

[fifteen15studios]

Darn. Well, yeah, I understand you can’t assist us directly with development. I wouldn’t expect it. 🙂

I would, however, like to ask if it would be possible for you to tell me how I can make a call to the Ajax function which refreshes the page? If I can create a form using an id different from the default, I’ll be set. Plus I’ll get to use it in multiple places, which is my plan. I could dig around the code, but I think you’re doing it in a specific way, and I’d like to follow your coding standards to replicate.

Thanks!

[Cliff]

Howdy. I passed the request on to our developers and got this information… maybe it’ll help you get started along the correct path:
<p class=”p1″><span class=”s1″>Sadly, there isn’t a super easy way to execute the Ajax logic that submits the form. The closest thing might be to replicate a few of our JS functions here (note the #L references which line number, which might be slightly different but should get you in the right area):</span></p>

<li class=”p3″><span class=”s2″><span class=”s3″>the-events-calendar-filterbar/src/resources/js/filter-scripts.js #L367</span></span>
<li class=”p3″><span class=”s2″><span class=”s3″>the-events-calendar-filterbar/src/resources/js/filter-scripts.js #L326</span></span>
<li class=”p3″><span class=”s2″>and Hook those functions to change events: the-events-calendar-filterbar<span class=”s3″>/src/resources/js/filter-scripts.js #L400</span></span>

I hope it goes well for you.

Please let me know if you come up with anything awesome leveraging our Filter Bar add-on!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts