Direct link to Glider slide 2

Hey I want to refer to the closed topic with the same name as I have a workaround to slide to a specific slide by clicking on an external button.

I made it work using the navigation bar to access the slide that is mentioned in the menu item.

All you have to do is to create the internal buttons which can later be hidden in the elementor responsive settings and to trigger click the internal button through the external button with a java script. The java script has to be copied into a html widget and has to be modified with your individual class names.

<script>jQuery( function( $ ) {
$(‘.elementor-nav-menu’).on(‘click’, ‘.menu-item-424′, function(){
$(“[name=’trigger-424’]”).trigger(“click”);
});
} );
</script>

To do so you have to first find out the menu-item class which in my case was .menu-item-424, then u have to chose a random name attribute, I called mine trigger-424.

After that you have to do as Oooh Boi described in his tutorial:

For example, let’s say that you wanna link to the slide #6:
1) your button must have a custom class name “glider-control”
2) Under the Advanced tab, Attributes panel of the “glider-control” Button enter the following custom attributes:
name|trigger-424
data-gotoslide|6

If you did exactly as I described the trigger works perfectly fine and you can access any slide by clicking on the external button you enabled. If you desire to do several external buttons you have to do this over and over again.

• This topic was modified 3 years, 4 months ago by melo1551.