Three-level Nested Sliders

[gunesinan]

Hi,

This may sounds like an overkill, but I am trying to figure out how to use custom attributes to navigate three slides nested into each other.

On a two-level nested slider layout, I use data-x-slide-goto and data-x-slide-contextattributes on the parent and child levels, respectively. In the case of a three-level slide layout, however, using data-x-slide-goto at the grandparent level and data-x-slide-context at the parent and child levels did not work - or may be I couldn’t make it work. It looks like I need a third unique/custom attribute.

By the way, in the Docs it looks like there is no documentation entitled “custom attributes” or may be there is but I am using the wrong search term. Is there a documentation about how to create and use custom attributes?

Thanks

Gunes

[ruenel]

Hello Gunes,

Thanks for writing in! The data-x-slide-goto custom attribute works within the scope of data-x-slide-context. If you have nested a 3-level slider, you may only access the slides of the 3rd slider within the slide of the 2nd slider. Check out the custom attributes for the slider here:

• https://theme.co/docs/sliders#custom-attributes

There is no feature that you can create your own data-x-slide custom attribute for the slider that works for the slider.

Cheers.

[gunesinan]

Thanks for the quick response RueNel and sharing the Doc’s link for the custom attributes.

If I didn’t understand wrong, I should use data-x-slide-goto at the grandparent level, data-x-slide-context at the parent level, and another data-x-slide-context at the chile level, right? I remember trying this , I will try one more time.

I see that there is also this new attribute: data-x-slider-id. Can we use this one at the third level?

Thanks

Gunes

[ruenel]

Hello Gunes,

The data-x-slider-id attribute is only available in the upcoming Cornerstone 7.5 or Pro theme 6.5 version. The final release is not out yet.

Please provide the Slider element structure and what you are trying to do. Be advised that if the 3rd level has several slides, your slide navigation for the slider should be on the same level.

Thanks.

[gunesinan]

I will wait for Cornerstone 7.5 or Pro theme 6.5 then.

I use sliders not like a regular slider, instead, to create widgets that include buttons as navigation elements and when I use data-x-slide-context at the parent and child levels, it looks like I can only use them with prev and next buttons, but cannot program them like we do when we use data-x-slide-goto.

Just as a side note: It looks like conventional SEO practices will be less important in the near future, while user experience becoming more and more important. I am not an SEO expert or anything like that but I recently shared one of my fidgety widgets with some customers and from Google Analytics, I see that they spent 10-15 minutes with it, which is 5 times more than a regular page visit – and which is a good think I think.

So, keep up the great work , we will follow.

Gunes

[ruenel]

Okay, Gunes. Thanks.