Next page in content grid doesn't work

Anonymous

#201177

Hey,

I am using a content grid from the beaver power pack and a search and filter. I have a different layout for desktop and mobile, but that doesn’t work. When I go on mobile to the next page, it becomes the module of desktop. I have this problem since I use the search and filter. When I enable post filter in the content grid, the page buttons no longer work.

https://www.directedby.nl/landheeren/woningen/

Thanks

Trevor

#201185

I see that you are using the Post Type Archives method. Does this mean that the page is using a PHP template file to render the page? If so, can you make a copy of the file available to me on a file sharing site?

Anonymous

#201215

Well I kind of, its a themer layout. I can make a xml-file of the layout, is that enough? Otherwise I don’t know where I can found this particular layout as a PHP-file. I forgot to say that the support of Beaver checked the site: I checked the site and found that Search & Filter Pro plugin is impacting the pagination functionality.
For some reason, it’s changing the query parameters of the archive pages and hence the pagination functionality isn’t working.

Trevor

#201217

I wonder if these threads would help (as that user spent some time to get it to work)?

https://support.searchandfilter.com/forums/topic/beaver-themr-integration-on-taxonomy-archive/

https://support.searchandfilter.com/forums/topic/beaver-builder-themer-integration/

https://support.searchandfilter.com/forums/topic/beaver-themer-integration-info-on-documentaion-page/

https://support.searchandfilter.com/forums/topic/beaver-themer-integration-info-on-documentaion-page-2/

Anonymous

#201235

Yes, I had seen and tried his messages. However, I still can not manage it. The only thing is, I use “.pp-posts-wrapper” as Ajax container otherwise it doesn’t work. If I use the option “Only use Ajax on the results page?” the page seems to go somewhere else when I click at the next page. When am not using that function, nothing happens when I click on the next page.

Trevor

#201241

This reply has been marked as private.

Anonymous

#201246

This reply has been marked as private.

Trevor

#201279

I think I can see the issue. The desktop and mobiles grids are the same, but CSS makes them different. Both use the Masonry (Isotope) script to recalculate sizes etc.

Does Beaver Themer give you the option to disable this? It looks to me like you only have one column, and Masonry will do little on just one column.

Otherwise, you or Beaver Themer need to figure how to reload that masonry when our Ajax fires.

Before you go to them, try disabling Ajax in our plugin. This will casue page reloads, but should not then have the issue you first described.

This post describes generally how to reload Masonry:

https://support.searchandfilter.com/forums/topic/reload-masonry-grid-after-ajax-call/#post-165867

It is public, so the folks at Beaver Themer will be able to read it.

Anonymous

#201357

Thanks for your help Trevor. I will post the solution when it works.

Anonymous

#201534

The issue is related to “Pagination” which appears to be working incorrectly for mobile devices and it seems to be affected by S&F Pro plugin. When you deactivate the plugin, the pagination works fine.

S&F Pro adds URL Parameters (?sf_paged=2) to the pagination links like below:
https://www.directedby.nl/landheeren/woningen/?sf_paged=2

This URL Parameter (?sf_paged=2) doesn’t appear on the module set for mobile devices and the default pagination doesn’t work as well. Each module has its own unique pagination parameters to avoid conflicts.
So, the default URL structure for Desktop and Mobile Modules is as follows:
Desktop:
https://www.directedby.nl/landheeren/woningen/page/2/
https://www.directedby.nl/landheeren/woningen/page/3/

Mobile:
https://www.directedby.nl/landheeren/woningen/paged-2/2/
https://www.directedby.nl/landheeren/woningen/paged-2/3/

You can see that the Mobile instance of the module has “paged-2” in the URL and is unique to the module to avoid conflicts with the desktop instance.

But when you activate S&F Pro plugin, the URLs get changed to
https://www.directedby.nl/landheeren/woningen/?sf_paged=2

and this affects only the first instance i.e. Desktop instance of the module leaving the Mobile instance of the module like:
https://www.directedby.nl/landheeren/woningen/

Since the pagination parameter (?sf_paged=2, ?sf_paged=3 etc.) is missing the pagination for Mobile doesn’t work.

[Author]

Posts