Nested sliders navigation conflict

[JvP]

Hey guys,

I want to place a slider inside another slider but can’t get the slide navigation to work properly. How can I limit the nested slider’s navigation so it doesn’t interfere with the navigation of the slider it’s placed in? Is that even possible at the moment?

[prakash_s]

Hello @JvP,

Thanks for writing to us.

Regretfully there is no option to add the slider element inside the same slider element. It would break the element styling and layout just because the slider navigation is not working.

Thanks for understanding

[JvP]

Ok, thanks @prakash_s

How are slider navigation elements aware which slider they belong to? Could there be an option in the future to explicitly set the context for a slider navigation element so that we can have nested sliders?

[marc_a]

Hey @JvP,

You can check this thread that might help you with your question.

Data-x-slide-context style attribute output

Hello @adaptifyDesigns, Thanks for writing in! The data-x-slide-context can be used to more clearly define the “context” of a Slider and which Elements should relate to one another. By default each Slide Container creates its own context and any navigation / pagination Elements placed near it should “just work” out of the box. However, if you are placing multiple sliders with multiple navigation Elements all within one Section, that is a situation where you might want to go up to the unique pa…

Hope that helps.

[JvP]

@marc_a, fantastic, that’s what I was looking for.

Adding the data-x-slide-context data attribute to each slider element allows for nested sliders without conflicting navigation items. Thanks!

[marc_a]

Hi @JvP,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.