We’re finishing up the home page and are using the Flex Block 1.
In the “layout”, in “modules per row” we are setting the number of horizontal modules for each viewport.
Example:
Desktop: 4 modules per row [] [] [] []
Horizontal: 3 modules per row [] [] []
Vertical: 2 modules per row [] []
Mobile: 1 module per row []
How do we limit the amount of articles shown per viewport?
Currently it is set to show 4 so it fills up well on the desktop viewport as it’s big and wide.
On Horizontal it also shows 4: 3 on the same row + 1 on the next row, which isn’t what we want.
Instead we only want to show 3 there.
On Vertical it shows 4 (2 rows of 2) which is OK, but we’d rather have it just 2 here.
On Mobile it shows 4 (4 rows of 1), which is way too much for such a small format with 6 main categories.
We’d just like to show only 2.
How do we do this?
Hello,
The limit for posts is global, only the modules per row can be changed for each viewport.
Thank you!
I’m sorry but it seems like a lot of these “support” replies are simply “No can do. Thank you!”
Maybe at least point is in the right direction as to how it COULD be done. Not everyone has the budget right now to go into custom developments.
And the way it is set up right now, with just a global number and not per module is ridiculous.
Try and show 4 posts which is great on desktop on a horizontal tablet with 3 columns and it looks plain ugly and not useful.
I’d hope you listen to your clients’ suggestions better. I’m planning on buying more licenses when we can receive adequate support instead of a friendly way of telling us to get lost.
Sincerely,
Hello Chris!
The reason why the limit is global and not responsive is because when you set a number there, a query is done to fetch that many articles. The query finishes just before page load and can only be done once.
Thank you!
Yes. And that’s fine.
Just query 4, but depending on the viewport show only 4, or 3, or 2, or 1. Query 4, hide what isn’t needed.
