We’re using Block 2 to display blog posts on our page.
The idea is to display the blog links in two columns and five rows, always with equally-sized images, titles and descriptions, with a “Load more” button after that.
Please see the screenshot to see what I mean:
It shows the first four blog post links. After 10 such links (= 5 rows), there should be a “Load more” button.
Alas, we have not been able to accomplish this, no matter which settings we have used.
For example, if the “Limit post number” option is greater than 2, the blog links below the first 2 links (ie, below the first row) have smaller images and just titles, no description.
We have set “Infinite load show ‘Load more’ after x pages” to 10, but there is no “Load more button”. All the blog posts are shown.
Thanks in advance for suggestions.
Hi,
Please note that the load more button will not appear if there are no articles to show after the infinite load is over. So I see that infinite loads is stops after shows the last post from your category – http://screencast.com/t/I2l7wHg5aXY – http://screencast.com/t/xxJoSfk1VL1 So try to show load more button after few pages and see if it works.
Also if you limit post to 4 – http://screencast.com/t/nyTEZcWfmL it will show also 3 and 4 articles using module 3(small thumb and title) – http://screencast.com/t/WtHOGlwoa6tp
Thanks!
Hi Alin,
There are currently something like 15 blog posts, so it’s not the case that there are no articles to show after the infinite load is over.
I have limited the post to 2 precisely to avoid showing articles using small thumbs and titles – we would like all articles to be shown with large thumbs (as with the first two). That is the main problem. Is there a way to have every post shown with large thumbs and complete texts?
Hi,
You have 12 articles to this category – http://vastavalkea.fi/category/blogit/ and all those articles are displayed on your infinite load block in 6 pages if you limits post to 2. So the load more button should appear after 10 pages(not articles):
We have set “Infinite load show ‘Load more’ after x pages” to 10
Also you can use block 8 to display your articles(without small thumbs) – http://demo.tagdiv.com/newspaper/block-8/
Hope this helps!
Ah – sorry for the confusion. I was wondering how to limit the number of the blog thumbnails shown on the *main page* at
and not the number of blog links on the category page at http://vastavalkea.fi/category/blogit/
We haven’t been able to have the “Load more” button to appear appropriately after a specified number of blog links on the main page without the thumbnail size change issue. I ended up removing the oldest blog posts from the blog kategory (“Kaleidoskooppi”) so that not too many would be listed on the main page.
I’ll try using block 8 first to see if that helps us forward by solving the thumbnail issue…
Thank you.
Hi,
Please try to set load more button to appear after 2 pages and see if it works, also clear cache if you are using a cache plugin. Let me know!
Thanks!
Yes it does, but we’d like it to appear after 10. But if that is set, the thumbnails are smaller after the first two. But I guess switching to Block 8 will solve that.
Hi,
I don’t think that if you use block 8 will solve the load more button issue, it will solve only small thumbs appear(module 3) to appear.
You have limited the posts to 2 and set load more button to appear after 10 pages to appear. Please take a look how many pages you have there – http://screencast.com/t/5hCGB9TjMTkc so the articles are over after 6 pages and that’s why the load more button doesn’t appear(the infinite load doesn’t get to the 10 pages). Hope this make sense and help you to customize your block how you wish.
Thanks!
Great advice, Alin! I was confused about the concept of “page” in this context, and your screencast clarified it for me.
I have now set Pagination to “Infinite load”, and
“Infinite load show ‘Load more’ after x pages:”
to 4. There is, consequently, a “Load more” button — although after the *5th* page (which is OK) in the “Kaleidoskooppi” section:
Two related things:
1) After all the articles have been loaded, the “Load more” button (=”Lisää artikkeleita”) continues to be clickable, suggesting to visitors that there are more articles to load, although there aren’t.
2) As the number of articles in this section keeps increasing, it would actually be better to show the articles in groups with a set number of articles (and I talk about the front page, at http://vastavalkea.fi/ ) so that the “next” group replaces the group currently shown/loaded on the front page, and vice versa. Here the other Pagination options (“Next/Previous Ajax”, “Load more button”) seem to come into play.
Hi,
Glad that you solved this!
1. You are right the load more button should be deactivated when there are not articles to display. We know about this issue and it will be fixed in version 5 of Newspaper.
2. To achieve that you can use next/previous pagination as the theme doesn’t have another type of pagination, for infinite pagination you can only to limit articles(like you limited at 2 articles) and for each page it will show the number of posts that you have limited.
Thanks!
Hello Alin,
We switched to Block 8 to avoid the smaller thumbs, and also decided that the Next/Previous pagination works best for us.
However, I wonder if all visitors notice the ” > ” symbol and/or understand that clicking it makes the next set of blog posts visible.
The symbol (encircled in red) may be a bit inconspicuous, i.e. not very noticeable. I wonder if the texts “Seuraava” (Finnish for “Next”) and “Edellinen” (Finnish for “Previous”) could somehow be made to accompany the symbols ” > ” and ” < “, respectively.
Hi,
You will need custom work to achieve that as it will be affected also megamenu pagination and you have to do more customizations.
The simplest way is to do this only for block 8 or block where you want this pagination, so duplicate block pagination function from – http://screencast.com/t/Mryyqad2I0 and change the pagination that you use for block 8 – http://screencast.com/t/9v30EEz0n
And customize with css code to hide the arrows(you have to hide thos as it wont look fine) and the text width – http://screencast.com/t/fONewiriW
.td_block8 .td-ajax-next-page, .td_block8 .td_ajax-prev-page {
background-image: none !important;
}
.td_block8 .td_ajax-prev-page {
right: 121px !important;
}
.td_block8 .td-ajax-next-page {
right: 56px !important;
}
Thanks!
Hello Alin,
I only now began to work on this.
Alas, I cannot find a file named td_block.php in our folder structure. In your screencast it is located in a folder named wp_booster, but there is no such folder on our server, and I don’t find the php file in any of our folders.
Hi Alin,
I was able to get the texts shown alright, but I felt that the following would have looked better (I’ll use English for clarity in the example — “Earlier” means earlier blog posts and “Later” means later blog posts):
Earlier >
< Later
However, the result was always that the “<” and “>” symbols ended up on a separate line, like this:
Earlier
>
<
Later
And that didn’t look good. Adjusting the font size in CSS didn’t help. I returned the original, untouched php files to the server for now. However, if you could help me have the above text + symbol combination work, that would most likely be the optimal solution. 🙂
Hi,
I suggested a solution(an example) above and as you can see it can be done. You will need custom modifications to achieve that, so if you don’t know how to do it I suggest to hire a freelancer to do this for you, we would have gladly made it for you but for the moment we cannot offer custom work, sorry.
Thanks!
I understand, Alin – I just asked in case the solution would have been straightforward. I contacted a freelancer to see if he can help. Your help has been highly valuable. Much appreciated.
