Linking to a second tab on a page

  • Ambyomoron

    (@josiah-s-carberry)


    7 years, 6 months ago

    I have designed a page using the tab widget. There are three horizontal tabs. I would like to know if there is a way to link to that page such that the second tab is opened directly.
    I have embedded an id attribute to an anchor in that second tab, but if I add that id to the url, it is ignored and the first tab is opened. Of course, I can change the order of the tabs, but I have other reasons not to do that.
    Any suggestions?

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

  • Hi,

    Haven’t tried this with Elementor tabs yet, but usually if a tab is in edit mode it will show its unique ID.

    Adding this ID after the normal url link of the page with # before it should do it.
    this is just an example how it should look:

    https://www.yourwebsite.com/#984bdca1-0192-10

    Let me know if this works!
    Annie

    Thread Starter Ambyomoron

    (@josiah-s-carberry)

    Thank you for this, Annie.
    Elementor does not insert ids for tabs. It allows inserting an ID for the whole widget only.
    That being said, I have already tried inserting manually an id in the tab I want to display and adding it to the URL, but this did not work.

    Hmm…. I should give it a try, did not take the time, but would like to be able to do this do with Elementor tabs. Maybe it is not possible yet…

    Ok just tried it and this is how the url should look like ( works for me here anyway )

    https://logologics.nl/wordpress-installatie-basis/diensten/#tab_1

    hmmm I may have spoken too soon, I can no longer reproduce it again??
    Testing some more here haha!

    • This reply was modified 7 years, 6 months ago by LogoLogics.
    Thread Starter Ambyomoron

    (@josiah-s-carberry)

    If you look at the source code for your page https://logologics.nl/wordpress-installatie-basis/diensten you will see that no IDs are defined for the tabs. What is defined are data-tab=”1″, data-tab=”2″, data-tab=”3″, data-tab=”4″. There is no ID called tab_1 or the like. It’s the same on my site.

    Correct this is how it looks now ( made some changes ):

    <div class="elementor-tabs-wrapper" role="tab">
									<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="1">BOEKHOUDEN</div>
									<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="2">VERZENDEN </div>
									<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="3">ADMINISTRATIE</div>
									<div class="elementor-tab-title elementor-tab-desktop-title" data-tab="4">PERSONEEL</div>
							</div>

    Lets hope Elementor support has some answers. For now it looks to me its not yet possible.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Linking to a second tab on a page’ is closed to new replies.

Tags