Carly

Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • in reply to: Recreate Event Search bar in page template #1199509
    Carly
    Participant

    Hi George,

    A similar question was answered here! https://theeventscalendar.com/support/forums/topic/whole-search-bar-on-another-page/

    It would be a useful thing for users to be able to customise 🙂

    I have the calendar working now. I’m just looking for a little guidance with the filters, namely the CSS and JS to add for the filter functionality.

    I’m not looking for you to write any code for me 🙂

    I have started by adding the code from filter-view-horizontal.php

    in reply to: Recreate Event Search bar in page template #1199502
    Carly
    Participant

    For those interested, I got this working with

    function tribehome_enqueue_front_page_scripts() {
    // Add these scripts to only the front page — need to customize for your specific use
    if( is_home() || is_front_page() )
    {

    //Add the stylesheet into the header
    wp_enqueue_style(“tribe.homepage”,WP_PLUGIN_URL.”/the-events-calendar/src/resources/css/tribe-events-full.css”);

    wp_enqueue_style(“tribe.homepage.filter”,WP_PLUGIN_URL.”/the-events-calendar-filterbar/src/resources/css/filter-view.css”);

    wp_enqueue_style(“tribe.homepage.date”,WP_PLUGIN_URL.”/the-events-calendar/vendor/bootstrap-datepicker/css/datepicker.css”);

    //Add the scripts in the footer
    wp_enqueue_script(“jquery”);

    wp_enqueue_script(
    “tribe.homepage.bar”, WP_PLUGIN_URL.”/the-events-calendar/src/resources/js/tribe-events-bar.js”,
    array(“jquery”), “1.3.1”,1);

    wp_enqueue_script(
    “tribe.homepage.events”, WP_PLUGIN_URL.”/the-events-calendar/src/resources/js/tribe-events.js”,
    array(“jquery”), “1.3.1”,1);

    //wp_enqueue_script(
    //”tribe.filter.events”, WP_PLUGIN_URL.”/the-events-calendar-filterbar/src/resources/js/filter-scripts.js”,
    //array(“jquery”), “1.3.1”,1);

    wp_enqueue_script(
    “tribe.homepage.datepicker”, WP_PLUGIN_URL.”/the-events-calendar/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js”,
    array(“jquery”), “1.3.1”,1);

    wp_enqueue_script(
    “tribe.homepage.footer”, WP_PLUGIN_URL.”/tribe-homepage-search/js/footer.js”,
    array(“jquery”), “1.3.1”,1);

    }
    }
    add_action( ‘wp_enqueue_scripts’, ‘tribehome_enqueue_front_page_scripts’ );

    Can you please advise me on which CSS and JS to add for the filter functionality. I have started by adding the code from filter-view-horizontal.php

    thanks

Viewing 2 posts - 1 through 2 (of 2 total)