Forums › Forums › Search & Filter Pro › Avada Portfolio

Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  August 24, 2017 at 7:40 pm #127521

    Hi,

    I’m trying to add S&F to the portfolio of the Avada theme. But I can’t get this to work.

    I’m building a real estate website and want to use the Avada portfolio to display all the properties. I’m using Advanced Custom Fields (ACF) for the property details and I want to us S&F to filter through them and show the results in a Avada portfolio classic 4 column grid.

    Thanks!

    Trevor
    (Private)  August 24, 2017 at 8:20 pm #127538

    With Avada, the only way I know to get it to reliably work is to use our Shortcode Display Results method. This gives you a basic layout, but you are free to customise this. The guide to customising is here.

    At that point you can then edit this to change the HTML structure, add parts, remove parts, use CSS classes from your theme to style, and so on.

    Anonymous
    (Private)  August 24, 2017 at 8:34 pm #127547

    I think I’m going to make a custom template (from the portfolio template located in the Fusion Core plugin) and add it in a child theme. I did some quick tests and its working. I made a page where I add the shortcode for the filters, after submit it redirects to the custom template. But how can I show the filters on that custom page template aswel? Can I add them with PHP above the loop?

    Trevor
    (Private)  August 25, 2017 at 9:29 am #127594

    Do you want to show the form, or the chosen filters?

    Anonymous
    (Private)  August 26, 2017 at 2:26 pm #127769

    I show the form like this:

    global $searchandfilter;
if ( null !== $searchandfilter->active_sfid() ) {
    echo do_shortcode( '[searchandfilter id="' . esc_attr( $searchandfilter->active_sfid() ) . '"]' );
}
    Trevor
    (Private)  August 28, 2017 at 8:03 am #127889

    If you want to show the current filters on the page, this is possible, yes, with custom coding, but if you are also using Ajax to refresh the page, they must be inside the loop or part of the page that gets refreshed.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)