Slider in a slider

Hello, I am using a slider in a card to display four photos of properties. These cards (components) are on the home page in another slider to scroll through a short selection of properties. When I do this, I click on the ‘slide navigation’ arrows on a map and the parent slider moves instead of changing photos within the same property. I have tried to ‘play’ with the data-x-slide without success.

How can I fix this? Thank you in advance.

Hello @cpennetier,

Thanks for writing in!

You can add an element ID to one of your Slider Containers. You can then use the data-x-slider-id custom attribute on the slide navigation so that it will only move to the next/previous slide within that slider.

Kindly let us know how it goes.