Ajax autoload on category pages

Hello,

I have set up category pages, with ARTICLE DISPLAY VIEW set to M1 and PAGINATION STYLE to Infinite Loading + Load more. Similar settings work well on single posts – in the related posts section – but on category pages, I only get 10 articles and no load more and/or pagination.

Where can I change this?

Example:

http://derdiedas.jp/category/germany/

Thanks as always for your quick help!

Hello Bogdan,

I do have enough posts in that category.
I deactivated the usual suspects (Jetpack etc) and tried a couple of other things. I noticed that I can increase the number by increasing the posts per page + posts in feed to let’s say 15, but it won’t get paginated, which means there is a natural limit performance-wise.
Interestingly, the pagination on the Related Articles works as advertised on single pages, but I just can’t get it to work on category top pages. Any other thoughts?

Thanks in advance,

Matthias

Hi Bogdan,

All the settings for the categories were set to “inherit”.
I played around a bit, but the only time I noticed a difference was when I chose “normal pagination” for said category. Please see screenshot:

http://tabibito.s3.amazonaws.com/derdiedas/derdiedas-pagination.png

So there is pagination, but it looks broken as well.

Best,

Matthias

Hello Bogdan,

Did that — still no luck.

Looking at the source code, I found this:

<script>
jQuery(window).ready(function() {
tdAjaxLoop.loopState.sidebarPosition = '';
tdAjaxLoop.loopState.moduleId = '1';
tdAjaxLoop.loopState.currentPage = 1;
tdAjaxLoop.loopState.max_num_pages = 2;
tdAjaxLoop.loopState.atts = {
'category_id':11,
'offset':3 };
tdAjaxLoop.loopState.ajax_pagination_infinite_stop = 3;
tdAjaxLoop.init();
});
</script>
<div class="td-ajax-loop-infinite"></div>
<div class="td-load-more-wrap td-load-more-infinite-wrap">
もっと見る <i class="td-icon-font td-icon-menu-down"></i>

</div>


so the code as such is there. The “.td-load-more-infinite-wrap” is kept as “display:none” – I can force a display:block and then the “load more” (here in Japanese) shows up, but clicking on it makes it disappear.

What confuses me as well is the

‘category_id’:11,
‘offset’:3

– I’m showing 3 items in the top grid and then 10 more items in the grid below. If offset is “3”, wouldn’t that display the same articles again except for the post 3?

Anyway — the problem persists – even with all plugins deactived (I re-activated them again as the site is live).

Thanks

Hi Bogdan,

I just did that. Thanks again for your efforts.

Best regards,

Matthias

Hi, same problem with me too.
Can you share the solution here so I can fix it myself?

thanks

Hi matijakurusic,

Apart from waiting for the fix, you could also forward category top pages to standard pages (this needs to be defined in functions.php).
This means that you’ll have to set up one page for each category, but it also means that there are no limits regarding the layout, plus Ajax pagination will work as advertised.

Hi, thanks for this tip. Very usefull. I will try it out.