Playing around with provider and consumer loopers

Hey there,
I’am currently trying to implement loopers. I got reasonably far, but I eventually got stuck at one point.
The Situation:
I got 13 portfolio items and the last 10(newest) should be displayed in a table. I got this!
The rest, the other 3 portfolio Items should be displayed in the accordion below, also in a table.
I tried using {{dc:post:title post=“prev”}} as this would give me the next item, that was not displayed yet, but since there is no way to increase {{dc:post:title post=“prev”}} and go back further, I cant accomplish my goal.

Thanks for your help!

Hello @zero_to_one,

Thanks for writing in!

Please be advised that the Accordion element cannot be used as a looper provider or consumer. You can only load dynamic contents on this element. Regretfully what you are trying to do is not possible. And please be advised that “{{dc:post:title post=“prev”}}” and “{{dc:post:title post=“prev”}}” will only load the next or previous post item of the current post item. It is not linked to a looper consumer or provider.

Hope this makes sense.

ok got it, what could I use instead. I wanted to use the accordion element as a “load more” button. if that makes sense

Hello @zero_to_one,

At the moment, the looper does not support “Load More” or “Infinite Scroll”. It may be possible with custom development which is by the way beyond the scope of our support. You may need to check out this article if you want to go get started with your modifications:

Thank you for your understanding.

I tried global blocks for this and it works, however only 10 items get cunsumed/shown. However I marked show all

how do I align my table text? please look at following global block

Hi @zero_to_one,

You can use the custom CSS code or the align attribute of the td element. Please find the helpful articles below on this.


https://www.w3schools.com/tags/tag_td.asp

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.