[KURIUSParticipant]

I am using Integrity and cannot figure out how to link to the slider under the masthead. I have two sliders on the main page, one above and one below the masthead. The down arrow link is

href=”http://mysite.org/#”

but if I use that in the menu it takes me to the slider above the masthead not below.

Secondarily, is there a way to link to a specific slide from outside of the slider. I want to have sub menus that link to different slides within the slider.

Thanks for any help.

[KoryKeymaster]

Hey Ric,

Thanks for writing in! The link for the down arrow is simply a holder link and it’s functionality is handled by JavaScript, so linking to # as you mentioned won’t do anything. If you want to have the screen scroll down somehow to see the second slide form your first slider, I’d recommend activating the Scroll Bottom Anchor for your top slider as well, as clicking this first arrow will scroll your screen down to the top of your masthead, which will also display any parts of your bottom slider that are visible.

For your second point, you can utilize the Revolution Slider JavaScript API to do this if needed. The first thing you’ll need to do is add a special class to the menu item that you want to control your slider. To do this, go to Appearance > Menus and make sure that CSS Classes is selected from the Screen Options toggle at the top right of the screen. Once you have ensured that is in place, go to the Links option to add a link to your menu. Make the URL resolve to # and make the label whatever you want. Once you have added this item to your navigation, go down to it and expand it in the menu organizer and add in a custom class (this can be whatever you want, for this example I’ll use my-rev-next).

Once you’ve done all of that in the menus area of your WordPress admin panel, the next thing that you’ll need to do is go to the Customizer. Once inside the Customizer, go down to the Custom section and find the JavaScript input, which allows you to enter in custom JavaScript as needed. Place in the following snippet of code (with necessary alterations as described after the snippet):

jQuery(document).ready(function($) {
  $('.my-rev-next > a').click(function(e) {
    e.preventDefault();
    revapi3.revnext();
  });
});

This script is looking for the navigation item that you gave you custom class to and then finding the <a> element that is a direct child of that element. Upon clicking that <a> element, a function is fired that will keep your website from jumping to the top of the screen as mentioned before (that’s the e.preventDefault(); part), and then part of the Revolution Slider JavaScript API is used to trigger the next slide (that’s the revapi3.revnext(); part). The 3 in revapi3 should be altered to the ID of the slider you want to target. For example, if you wanted to target a slider with an ID of 129, you would use revapi129 instead.

For a full listing of the API and all of it’s methods, you can go check out Revolution Slider’s online documentation as it is quite extensive and will provide you with direction on any feature you’d like to take advantage of in the slider. Use the API section of the documentation to make adjustments to your code as necessary.

Thanks!

[Marquez MParticipant]

I’ve attempted this several times using both custom menus and an html lists without any success. Has this changed?

[FriechModerator]

Hi Marquez,

Thanks for writing in! This might look the same situation but the original poster might have a different configuration. And this thread is old something might had changes. If you wouldn’t mind providing us with a little more details on what it is you’re wanting to do, we’ll be happy to provide you with a response once we have a better understanding of the situation.

Cheers!

[Marquez MParticipant]

Thanks Support,

I’d like to have a nav menu that links to slides within a Revolution slider. There’s a great example on Como’s website ( http://www.como.com/) where the links “small business, restaurants, music, education etc..” activate a new slide.

Thanks!

[Marquez MParticipant]

Ok so after additional attempts I was able to activate the next slider using the “revapi3.revnext();” function. What I need help with is generating the javascript to make control the visible visible slide for from just one link. I should be able to repeat the code for additional links apply my specific slider ID.

Thanks again.

[ChristopherModerator]

Thanks for writing in! It sounds like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[steve hParticipant]

Is it possible to target a specific slide in the basic slider? i.e clicking a link to jumps to a slide? Cheers!

[FriechModerator]

Hi There,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself.

This post from ThemePunch might help.

Thanks for understanding. Take care!

[steve hParticipant]

understood, thanks!

[Prasant RaiModerator]

You are most welcome 🙂 .

[Author]

Posts