Internal Anchors

  • Resolved Digital-Ninja

    (@digital-ninja)


    1 year, 7 months ago

    • I have a page using Webyx
    • It has several slides; each has a unique “Name”
    • I’d like to use the text links on the first slide as quick jumps to other slides in the series
    • When I attempt to create the jump link, Webyx offers other slides in the series as targets, but the links don’t jump me to the correct slide.

      Using the test url provided, please choose:
      “What is a brand?” text link to test it out

      It doesn’t appear I’m able to add a unique ID to the slides? When I do a code inspection, the slide I’m trying to jump to does not have a unique ID??

      Using Free version…

      Thank you. I’m enjoying the capabilities of Webyx.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Webyx

    (@webyxforgutenberg)

    Hi,

    thank you for contacting us and reporting this.

    As previously answered, currently Webyx navigation system is managed internally, and takes place via:

    • arrows
    • bullets
    • keyboard
    • mouse wheel (vertical)

    We have explained this in a post below:

    https://www.ads-software.com/support/topic/create-link-to-webyx-section-slide/

    As for your situation in the Free version you will have to make manual changes to code so you can go directly to the Slide using the following steps.

    Add a reference to the name you gave your Slide via an attribute or class to the anchor element of your link, like in the example below where we used the data-anchor attribute set to the name of your Slide ( data-anchor=”slide02″ ).

    <a  data-type="page" data-id="13835" data-anchor="slide02">What is a brand?</a>

    At this point, through the following script, which will have to be appended to your page as the last script loaded, it will be possible to go directly to the relevant Slide by clicking on the link.

    Specifically, the following code adds the click event to the anchor element
    and takes advantage of an internal Webyx movement function to move to the relevant Slide through its name.

    document.querySelector( '[data-anchor]' ).addEventListener( 'click', function ( e ) { e.preventDefault(); 
_webyx.goToSP( e.target.getAttribute( 'data-anchor' ), false )}, false );

    We are working on adding buit-in anchor management to the Pro version.

    As for the Free version, we will evaluate in the future if and when to
    create a special management for jumping between Slides.

    Best regards,

    The Webineer Team

    Plugin Author Webyx

    (@webyxforgutenberg)

    Topic closed

    Thread Starter Digital-Ninja

    (@digital-ninja)

    Thank you for information and the time it took to respond to my inquiry.

    Plugin Author Webyx

    (@webyxforgutenberg)

    It was our pleasure and we are happy to help.

    Thank you very much for using Webyx and let us know further ideas or advices.

    Best regards,

    The Webineer Team

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Internal Anchors’ is closed to new replies.