Two Sliders On A Page - data-x-slide-goto Not Working On Slider 2

[whitemedia]

Hi,

I have a page with two sections, each containing a dynamic grid of images (looper with ACF gallery). Linked to each grid is a modal to create a lightbox. The first section works fine. When I click on any image the correct image opens in the modal. However, for the second section, it invariably goes to the first image.

I have tried using the custom attribute data-x-slide-id on each section, using each modal’s ID, but this does not resolve the issue.

Below are a couple of screenshots of the page being inspected and the CS Inspector. please note that the second section is set-up in the same way as the top section in the screenshot, but with the appropriately different IDs.

Any thoughts on how I can resolve this, please?

Thanks,
Christopher

[Ismael]

Hello Christopher,

Thank you for reaching out.

We may need to access the builder in order to understand the issue better. Please provide the login details in the secure note.

Best regards,
Ismael

[whitemedia]

Hello Ismael,

The log in credentials were in the secure note of the last reply.

thanks,
Christopher

[ruenel]

Hello Christopher,

The ID must be inserted to the DIV (Slider Container) container element and NOT on the other DIV element.

I have corrected the placements of the IDs. Check the slider on the 2nd Modal now.

Thanks.

[whitemedia]

Hi Ruenel,

Thank you for the clarificaiton. Funnily, I had tried placing the ID in the Slide Container, but was not getting the expected result in Cornerstone. It is all working well now, thank you.

May I make a suggestion that the placement of the ID for sliders in the Slide Container is added to the support document - https://theme.co/docs/sliders#custom-attributes? It might help others.

Thanks,
Christopher

[Ismael]

Glad to know that this is working correctly now. We’ll forward your suggestion about the documentation. Have a nice day.