Event Search on Home Page

[inhouse]

Hello, I’ve been searching the docs and knowledgebase for a way to display an event search form on the home page. Ideally the form would include date and category filters. I don’t believe that tribe_get_template_part( ‘modules/bar’ ) will work for this use case, correct? Any help is appreciated!

[Jaime Marchwinski]

Hi Teresa,

Thanks so much for reaching out!

Just to let you know, we are limited by our Support Policy in how much we can help with customizations, but I will try to point you in the right direction.

The following forum thread contains some useful suggestions on how to implement the feature you are looking for:

https://theeventscalendar.com/support/forums/topic/insert-search-bar-on-top-of-a-page/

Let me know how it goes!

 

Thanks,

Jaime

[inhouse]

Ah, thanks. I ended up using the solution found on http://gregorypearcey.com/blog/add-tribe-events-search-bar-home-page/. In case the link ever dies, here’s the form:

<div id="tribe-events-bar">
	<form id="tribe-bar-form" class="tribe-clearfix" name="tribe-bar-form" method="get" action="<?php bloginfo('url'); ?>/buy-tickets/list/?tribeHideRecurrence=1">
		<div class="tribe-bar-filters">
			<div class="tribe-bar-filters-inner tribe-clearfix">
					<div class="tribe-bar-date-filter">
						<label for="tribe-bar-date" class="label-tribe-bar-date">Date</label>
						<input type="text" placeholder="Date" value="" id="tribe-bar-date" data-date-format="yyyy-mm-dd" style="position: relative; z-index:10000" name="tribe-bar-date">
						<input type="hidden" value="" class="tribe-no-param" id="tribe-bar-date-day" name="tribe-bar-date-day">								
					</div>
					<div class="tribe-bar-search-filter">
						<label for="tribe-bar-search" class="label-tribe-bar-search">Search</label>
						<input data-bind="label" type="text" placeholder="Keyword" onfocus="this.placeholder = ''" onblur="this.placeholder = ''" value="" id="tribe-bar-search" name="tribe-bar-search">
					</div>
				<div class="tribe-bar-submit">
					<input class="tribe-events-button tribe-no-param" type="submit" name="submit-bar" value="<?php _e( 'Find Events', 'tribe-events-calendar' ) ?>" />
				</div><!-- .tribe-bar-submit -->
			</div><!-- .tribe-bar-filters-inner -->
		</div><!-- .tribe-bar-filters -->

	</form><!-- #tribe-bar-form -->
</div><!-- #tribe-events-bar -->

[Jaime Marchwinski]

Hi Teresa,

I’m glad that the solutions we provided helped you to achieve the results you were looking for!

You are welcome back in our support forums any time!

For now, I am going to close this thread.

Have a great week!

 

Thanks,

Jaime

[Author]

Posts