Search Results for 'Elementor'

[Anonymous]

I created a test page with the Elementor posts and that works with the pagination, so I’m assuming the issue is tied to Anywhere Elementor. Are there any specific settings I can adjust to make it work?

http://aaronc14.sg-host.com/test-search

[Trevor]

Can you replace the script with this (I hope this is correct, I just re-wrote it for you):

(function ( $ ) {
	"use strict";
	
	// detects when the ajax request has finished and the content has been updated
	// re-init the layout scripts from Elementor
	$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
		elementorFrontend.hooks.doAction('frontend/element_ready/archive-posts.archive_cards', jQuery('.elementor-widget-archive-posts'));
	});
	
}(jQuery));

[Ross]

Hi Serena

You are correct, I see some unusual things happening with the pagination.

2 things I think we should try:

1) Use an Elementor posts module (for testing only) to see if the pagination comes out ok

2) Check (and enable if disabled) the settings (in the “display results” tab) ->Make searches bookmarkable and Only use Ajax on the results page and that ajax pagination -> pagination type is set to normal.

Let me know once you’ve done those and the results of that, then we should have a better idea of the problem going forwards.

Thanks

[Trevor]

Hi Nunzio

With Elementor, there isn’t a method you can use to create a ‘no results’ message for Ajax results refreshes. That is the way Elementor is coded, sorry.

[Anonymous]

I’m using Elementor Pro and Search and Filter ajax method. So i do as it said in documentation. Now when i change value, it filter but resuts are not correct and the design of this result also change.

This is the link: https://aced-benin.org/publications/

[Ross]

Hi Serena

To setup Elementor you will need to follow the steps here:
https://searchandfilter.com/documentation/3rd-party/elementor/

However I see you are using Anywhere Elementor – while we don’t officially support it, it should work.

Try changing the Ajax Container setting (in the display results tab of your search form) to:

.ae-post-layout-list

Let me know how you get on.

Thakns

[Ross]

Hi Marco

I can see the issue.

You have for your Ajax Container (in display results tab) the value: .elementor-widget-posts

Because you have two post widgets on the page with this class, Search & Fitler doesn’t know which one to update.

In elementor, on the posts element you want to filter, you need to add a custom class (so there is one one existing on the page), and use this for your ajax container.

I hope that makes sense?

[Ross]

Sorry that was not correct (.elementor-posts) – the pagination was not updating, it should be .elementor-widget-archive-posts. (I’ve update this)

Thanks

[Ross]

Hi Tanya

If the homepage is an archive (the blog archive) then in Search & Filter, you can set the display method to post type archive.

I’ve just done this for you and it worked a bit better, but not completely.

I did not realise, but on the home page archive, the Ajax Container should be .elementor-posts, I’ve changed this, and now all seems to work correctly?

Thanks

[Anonymous]

I followed all the instructions to create a search form on my elementor site, but it doesn’t seem to filter any results unless the page is refreshed. Even then, the search term shows up as blank.

http://aaronc14.sg-host.com/shiurim/