I am trying to reverse-engineer some modules in the Design Manager that an agency did for us and make changes to them, so I am not too familiar with HubL yet and am reading through the developer documentation as I go.
This one is a carousel module, based on the bootstrap carousel. To add more slides, the carousel-item-class is looped. I added some optional CSS gradient overlay controls to the looped image slide, which works fine.
The looped carousel-item is put into a module subgroup called "slide". Within this slide subgroup, I would like to create another subgroup "gradient_settings" (hence a nested group) for just the gradient controls. But then, I don't know how to correctly address the items in the nested group with HubL. I tried various combinations, e.g.
thanks for the suggestion. This is how the items are currently addressed in the code, and this works fine. But that stops working once you put the items in a nested group.
Jul 15, 20208:36 AM - edited Jul 15, 20208:38 AM
Participant
Addressing looped items in nested groups
SOLVE
Hi John,
thanks for the reply. So here is what the module structure /hierarchy looks like currently and which works with the code posted above:
And here is what I would like to do. As soon as I move controls in a nested group, the above code no longer works, as the path to the controls changes.