responding to javascript callback of Slider Revolution

  • Resolved abrunger

    (@abrunger)


    8 years, 9 months ago

    Sorry for a dumb question:

    I want to expand some post content elsewhere on the page, when a user clicks on a button in a Slider Revolution slider. Is that even possible?

    The link I gave won’t help you much, I’m afraid. It only shows you that Slider Revolution clicks can have an Callback Action associated with them, that can call an external JavaScript function. I have the WordPress version of SR, but AFAIK Actions functions the same way in the jquery version described in that documentation.

    If you tell me there is some way of calling Collapse-O-Matic, I will also talk to Themepunch about their end as needed.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author twinpictures

    (@twinpictures)

    8 years, 9 months ago

    Can the external trigger (such as a button on a slider revolution slide) be assigned a custom ID and classes?

    Thread Starter abrunger

    (@abrunger)

    8 years, 9 months ago

    Not a coder myself, sorry. I tried to hire several freelancers but none seems to have a clue about this.

    Apparently the layer that contains the button can have such attributes.
    (And each layer can only have one object.)
    https://www.themepunch.com/revslider-doc/layer-attributes/
    Not sure that this would trigger on button click, rather than button display.

    Normally a button click triggers Actions.
    https://www.themepunch.com/revslider-doc/layer-actions-links/

    There is an action for Toggle Layer Class, but that would add/remove a CSS Class for another layer within the slider.

    So I thought the most likely would be a Callback Action (documented only in the link on my first post).
    There is also a provision for a jquery link action, if that would help?

    Getting pretty far out of my depth here!

    • This reply was modified 8 years, 9 months ago by abrunger.
    Plugin Author twinpictures

    (@twinpictures)

    8 years, 9 months ago

    OK. We’ll assist you as much as you can remotely, but what you are trying to accomplish is a bit advanced. Fret not, with a bit of help and understanding, you can do it! However, if at any time it’s too much for you, Collapse-Pro-Matic comes with a very high level of personal support–even to the point of setting up a working demo on your site.

    Now on to the info.
    You will first want to understand how the roll-your-own method works. Basically this method allows you to manually create the expand triggers and targets with the added benefit of placing the elements in separate locations on the page.

    Once that is digested, it should be easy for you to make any element a trigger, simply by adding the required class and ID attributes.

    And finally, if you need a bit of Javascript to trigger the expand, we would be happy to create this for you, as part of the pro support.

    Thread Starter abrunger

    (@abrunger)

    8 years, 9 months ago

    That’s great, thanks! I got yet another freelancer, Priyan, working on this so I will point him to this page and he can hopefully figure it out from what you’ve given me.

    Plugin Author twinpictures

    (@twinpictures)

    8 years, 9 months ago

    we’ll keep the thread open, incase there are any more questions. Please come back and mark it as resolved, if it all works out.

    Thread Starter abrunger

    (@abrunger)

    8 years, 9 months ago

    My latest developer dropped out, so this is still pending till I find another.

    Thread Starter abrunger

    (@abrunger)

    8 years, 9 months ago

    I got some response back from Themepunch, publisher of Slider Revolution:

    Please add this class “revButton” to a button/text in revslider layer attribute tab.

    Then add the following code in custom JS area of Slider Revolution plugin and consult with collapse plugin’s support to fix the code so it calls collapse element to show the content.

    https://www.themepunch.com/faq/custom-css-or-javascript-for-version-5-0/
jQuery(".revButton").click(function(){     jQuery(".collapseomatic").show( function(){}); });

    I bought Collapse-Pro-Matic now, so I can contact you separately for more support.

    Plugin Author twinpictures

    (@twinpictures)

    8 years, 9 months ago

    Perfect! We’ll be happy to integrate a solution in to the pro version.
    We look forward to working with you directly.
    We’ll mark this issue resolved, and pick up via pro support.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘responding to javascript callback of Slider Revolution’ is closed to new replies.