I’ve followed the guidelines here mentioned here: Popup Builder – Bricks Academy
I’ve built a grid of team member’s photos. When a photo of the team member is clicked it displays a popup with social media links for them with a small bio.
However when the popup is triggered it displays only the value of the first team member.
Same thing is happening to me as well. When I inspect the code, the html for each individual popup is there, but on click the JS seems to only target the popup of the first loop item.
I finally got it working. Apparently if you have the interaction on the same container as the query loop it doesn’t work. I had to create a second container and apply the interaction to it. The documentation was a little confusing and could probably be worded a little better to make it clearer, but it does work.
yes, this was exactly the issue. Separated the interaction and query loop containers and it worked.
Now need to figure out how to add a query loop to a team member element.