braidwoodit

and further to this I have resolved the issue I had with the view_id’s not being the same. It’s a hack that updates the id on the event list so that the search form submission and subsequent event list update works.

I can now use the [events_list has_search=”1″] shortcode and it works flawlessly.

jQuery(document).ready(function($) {
  // Wait until both search form and event view are on the page
  function syncViewIDs() {
    const $form = $('.em-search-form');
    const $view = $('.em-view-container');

    if ($form.length && $view.length) {
      const viewId = $form.find('input[name="view_id"]').val();

      $view.attr('id', 'em-view-' + viewId);
      $view.find('.em-events-list').attr('id', 'em-events-list-' + viewId);
      $view.find('.em-events-list').attr('data-view-id', viewId);
      $view.find('.em-pagination').attr('data-em-ajax', 'id=' + viewId + '&action=search_events');
    } else {
      // Retry after slight delay if elements not yet present
      setTimeout(syncViewIDs, 200);
    }
  }

  syncViewIDs();
});

so after all that, the default event search doesn’t search categories but by changing the search options to use the advanced search inline (not modal) and with some additional shortcode attributes such as show_advanced=”1″ and show_main=”0″ I am able to show a nice search form on the right of my events list and have it update the events list with search results from the form.

https://share.cleanshot.com/BsLzjgjhDZwQ3JTBW9vX