Weird behavior with Modal and sliders (Stacked)

Support
#1

Hi Themeco,
Following this video, we tried replicating it all through a sliders (Stacked) outside of the modal:

The video shows the attribute data-x-slide-goto that works well within a column but when we’re using a slider (Stacked), it seems like the attribute doesn’t apply onto the slider (Stacked) located within the modal. According to my searches, there’s currently no way to target a specific slider (Stacked) when using that attribute, is that right?

We want to replicate the configuration shown in the video but upon a slider (stacked) or any other element that uses some form of pagination, is there a way to achieve that using the built-in tools offered by Themeco?

Thank you, have a wonderful day!

#2

Hello @magikweb,

Thank you for the inquiry.

You can use the data-x-slide-context or data-x-slider-id attributes to attach the navigation to a specific slider or to target them directly. Please refer to this documentation: https://theme.co/docs/sliders#custom-attributes

Edit the button with the data-x-slide-goto attribute, add the data-x-slider-id attribute, and set its value to slide1. Then, edit the Slider Container that the navigation is supposed to interact with. Go to the Customize tab and set the ID field to slide1 as well.

This should tell the button or any element with the data-x-slide-goto attribute to interact with the slider that has the slide1 ID.

Let us know if you need more info.

Best regards,