Hello!
I have a problem that is most likely solved by configuring providers and consumers in the correct place.
The goal is to achieve this: https://prnt.sc/O78oRfj0VRCy
To have a masonry grid (one big element to the left and 3 small ones to the right)
I created the grid and set it up to have the layout i want to have: https://prnt.sc/6tAAPdoMm_u6
-
I tried creating one looper provider on the section and a consumer, but that didn’t work: the layout from the left is slightly different from the right one so they do not “consume” very well.
-
I then created 2 providers, one in the section and one in the second part of the grid so i could have an OFFSET of 1 and work with 2 providers and 2 consumers. this worked initially making me believe that you could have nested providers but it stopped working out of a sudden and ended up NOT having the offset (the first provider took over).
-
I tried having the providers separately, one on each grid “column” and this was the most stable when it came to the output. HOWEVER, it created another problem. the condition set in the section to hide the section when empty, was not working anymore:
- The “looper count” != 0 condition: works if there’s only 1 provider inside it no matter where it was (which was something surprising to me) but doesn’t work with 2 providers inside the container’s content.
- the “provider output” “not empty” condition: doesn’t work unless the provider is above level or on the same level of the place being conditioned.
What i want to have is:
- A section that hides if the loopers are empty
- the grid layout working where on the right i have 3 columns, offsetting 1 element from the first one which is in on the left and has a slightly different configuration.
Now, I’m looking for a “native cornerstone” way to do this. i could ultimately hide this via JS, CSS or any other means, but I’d like to avoid that if a native way exists (mainly because i want to become fully familiar with cornerstone’s more advanced features).
