Probably easier to explain here. I have decided to use a regular WordPress post and just add custom fields to it in place of making any CPTs. I want each of my posts to list 10 things. I am using Bricks, MetaBox, ACSS, and Frames.
Created three custom field groups (representing different categories but not as taxonomies - I have those separated and defined fine elsewhere) within a single main field group using MetaBox (MB).
Each one is set to cloneable and no more than ten will be allowed.
So basically, my single post page template (using a Frame from
getframes.io within it) can pull the data in correctly onto the first card on the page but I can’t figure out how to make it populate the rest of the page properly with the cloneable/repeatable data.
I have scoured this forum and saw a few things that might have helped and tried them but nothing seems to answer what I want to do.
Any help greatly appreciated. If I need to break them all into CPTs to get it to work, I will. But for data entry, just opening a new post and having all things on one page seemed a bit easier for me.
UPDATE: I was able to get this to work but it’s really screwy because you can’t see the results on the backend very well.
Would be great if you could post the results and share what you solved and how you solved it…sounds like it might be a solution that could benefit lots of users?
I am not sure why it one day started working but since the template itself was a single page template assigned to a specific CPT, I had to add a repeatable section on the page WITHIN that. So I used Frames to pull in the Feature Grid Sierra layout. And on the card itself I added a query for the MetaBox group within the posts. After that I added the following CSS to to the .fr-feature-card-sierra class to automatically alternate the view and add a numbering to them - got it from a Kevin Geary video and modified it slightly:
%root% {
counter-increment: process;
}
@media (min-width: 768px) {
/* Grid Alternating */
%root%:nth-child(odd) > *:last-child {
order: -1;
justify-content: flex-end;
}
%root%:nth-child(even) > *:last-child {
order: 0;
justify-content: flex-start;
}
%root% > *:nth-child(odd) {
grid-column: span var(–features-span);
}
%root% > *:nth-child(even) {
grid-column: span calc(12 - var(–features-span));
}
If this helps anyone, cool.
Now on the backend it looks like this -
Thank you for sharing, TGIJ!
