Revolution Slider Buttons

5 replies · opened Mar 6, 2023

WwtoussaintMar 6, 2023

Hello,
One of your demo sites has a Revolution Slider with two buttons (About Us, Contact), both of which implement the same function that scrolls to the next section of the home page (see code sample below). I would like the second button to scroll to a different section on the home page - possibly via an anchor link (e.g. #section-contact). How could I do this?

--- Code Sample from Canvas Demo Site ---
data-type="button"
data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
data-responsive_offset="on"

SSemicolon WebSTAFFMar 7, 2023

Hello,

This is currently not supported. The scrollbelow action specifically scroll the Page below the Slider Area. Consider checking the Documentation here: https://www.themepunch.com/revsliderjquery-doc/actions/ .

We recommend using a Normal `` Tag instead with the data-scrollto Settings. Check the Documentation on this here: https://html-v6-docs.semicolonweb.com/docs/page-elements/useful-snippets/#docs-code-example .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwtoussaintMar 7, 2023

Thank you for your quick response! As you know, the buttons I'm referring to on the Revolution Slider are controlled by Javascript, not HTML. The solution proposed above relies on HTML. Is there a way to implement what you describe above in Javascript, so I can modify the code below to go to my desired anchor link?

data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'

SSemicolon WebSTAFFMar 9, 2023

Hello,

Thanks for your Kind Patience!

Thanks for clarifying. We have checked this and based on this we have provided you with the above solution. Since based on the Revolution Slider Documentation, this functionality is currently only limited to scrolling below using the "action":"scrollbelow" option. Thus you will need to manually change these buttons to the HTML Buttons or use an external function to control the scroll functionality.

Since this is Customization related, and we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwtoussaintMar 9, 2023

Understood. Thank you for the clarification! I'll try switching the buttons to HTML.

Also, I was so focused on this issue, that I forgot to tell you what a wonderful and robust template you have created! It is amazing and I love it! Congratulations on creating such a great product!!

SSemicolon WebSTAFFMar 9, 2023

Hello,

Thank You so so much for the Kind Words! :) We Really appreciate every bit of it.

We are updating Canvas to v7 by evening today which will bring very powerful customizable functionalities. Here's a sneakpeak: https://canvastemplate.com/ .

Do let us know what you think.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard