Description:
I’m experiencing an issue when using a Global Component with Query Loop Properties in Bricks Builder when using a nested slider.
Setup:
I have a Global Component containing a Nested Slider.
The slider consists of a Single Card, which is looped via a query.
The slider displays four columns, hence each view should show four individual items.
Issue:
When I add the component to a blank page, everything works as expected.
When I add a second instance of the same Global Component on the same page, the following happens:
The first instance of the slider breaks and only displays one single item instead of four.
The second instance appears to work normally.
Is there already a solution for this? Or would this be addressed in an update in the near future?
Additional Note:
While this is not the core issue, I also noticed that inside the Page Builder interface, the elements are not displayed correctly. However, in the frontend, everything renders as expected.
Has anyone experienced a similar issue or found a solution?
Thank you for your detailed report. I was able to replicate it locally and I’ll add it to our internal bug tracker.
Now, about the:
can you export the component, so I can test it locally (if it’s styles using classes/variables, please also export them)? Because I can’t reproduce the issue in my testing.
thank you for the downloads. I’ve tested, and if I remove the conditions, then it looks the same as in the backend.
Now, if I keep conditions, I don’t see anything, as I don’t have the same dynamic tags as you.
What happens if you remove conditions, and just keep one div?
Because I can’t reproduce this, can you send temporary login credentials to your test/staging website and a link to this topic to help@bricksbuilder.io using the email address you used during the purchase, so we can have a look?
That way, I think this way it will be the easiest to debug.