Search & Filter with Elementor Pro on template page

Anonymous

#212679

Hello,
I would like to filter an elementor post post widget on the same page, so I followed your instructions on how to integrate with elementor pro (https://searchandfilter.com/documentation/3rd-party/elementor/), but 2 issues came up:

1. What if my post grid widget and filter is applied to an elementor template? In this case I cannot add the full URL path of the page, since multiple pages/posts will be using the template and hence also the post grid widget and filter. Is there a work-around?

2. I also tried to apply the search and filter to a single page. Now the filter is working – it’s loading on the same page, but the problem is that it messes up the design of the post grid widget (I have used the card style). I wish I could attach an image but what seems to be happening is that the image in the widget is doubled so that what is displayed is first the post image then a blank space equal to the size of the image and then finally the rest of the post card. Have you seen this issue before?

Thank you

Trevor

#212710

Because of the way we need to integrate with Elementor (using the Custom method), you will need one form per page, and thus form, template and page are linked as one.

Where you are using a Post Type template (such as WooCommerce), it may be possible to use that option in the Display Results method select options in the form design.

As to the cards issue, this post might show the issue/solution:

https://support.searchandfilter.com/forums/topic/how-can-i-search-elemntor-column-while-retaining-the-design-of-that-column/#post-209754

at one point the code refers to posts.classic (which is the layout choice) so that may need to be posts.cards

[Author]

Posts