Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1226521

    Dear Kriesi-team,

    we are building a page with enfold that needs to deliver bulky text elements in a visually good way and we decided to use Accordeon elements on 5 different sub-pages. Now we would like to link from a specific text position in one Accordeon element to a different one that is located on another site of the page. I’ll give an example in the private content area.

    Do you have a solution for this? We have browsed through all of the available threads and couldn’t identify one with a suitable work around.

    Thanks in advance!
    Best,
    Ruven

    #1227452

    Hey DIE-PR-BERATER,

    Thank you for the inquiry.

    Have you tried creating a link tag manually inside the toggle content? Something like this:

    <a link="https://site.com/page/#toggle-id-4">Link to another page with another accordion</a>
    

    Best regards,
    Ismael

    #1227726

    Hi Ismael,
    thanks for your reply! Yes, we have tried that. The problem here is, that we can only link to the accordion itself. Ideally, after clicking the link you would jump to the exact place in the unfolded accordion-section (maybe the text would even be highlighted). Do you have an idea on how to accomplish that?

    Thanks in advance,
    Ruven

    #1228591

    Hi,

    Thank you for the update.

    That is surely possible but it’s not available in the theme by default. Unfortunately, it will require modifications that are beyond the scope of support, so you might have to hire someone else.

    What you need to do is create a link with a specific parameter or payload containing info about the text element or maybe a scroll position value within the view port and the id of the toggle that you want to open, and based on this value the script will automatically cause the window to scroll until it reaches the position specified in the parameter. The URL will look something like this:

    https://site.com/page/?position=500&toggle=4
    

    The script will probably look something like this:

    var url = new URL(window.location.href);
    var pos = url.searchParams.get("position");
    var toggle = url.searchParams.get("toggle");
    // trigger click event for toggle 4
    // scroll to position
    

    Best regards,
    Ismael

    #1232062
    This reply has been marked as private.
    #1232123

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Linking between different Akkordeon elements on different sites using Anchors’ is closed to new replies.