Hi friend, this isn’t the correct way to access the instance of initialized splides.
Your code will create more splide instances and it causing your duplicated pagination. And only the new pagination doing the “sync”
You should just do like this.
bricksData.splideInstances[mainCarouselId].sync( bricksData.splideInstances[thumbnailCarouselId] )
//mainCarouselId and thumbnailCarouselId get from bricks element Id
And above code should perform after DOMContentLoaded + after Bricks initialized them (add some setTimeout because no event hook available in Bricks JS code).
I did posted tutorial example in here but it was SwiperJS (Old carousel element). However, the way to update the instance options (JS part) in NestableSlider (SplideJS) are the same.