Okay
  Public Ticket #1429778
targeting a specific tab with a button
Closed

Comments

  • inedit started the conversation

    Hello Tahir,

    I have set up a page section with various tabs ( ABOUT , INVESTORS , JURISDICTIONS)  Since the content in each tab is long enough
    (especially on mobile) that the tab -menu disapears out of view when scrolling, I would like to add at the bottom of each tab content a button that directs you to the 2 not active tabs ( e.g. INVESTORS and JURISDICTIONS, while you are looking at the ABOUT content )

    How do I target those tabs ?
    Do I need to place the tab ID into the button ... or use anchors ? Do I give the contact row a specific  ID to target that with my button?

    If you could give me a pointer, that would be great,

    thank you.




  •  9,016
    Tahir replied

    Hey Again,

    Sorry for the Delay

    The links are generated by the titles like this : http://pasquales.bestwebsitesinwv.com/menu/?tab=dinner . For complex titls with special characters you will have to write the encoded url using the Browser Console window: http://prntscr.com/h7s3k2 .

    encodeURIComponent("Wine & Beer")

     http://pasquales.bestwebsitesinwv.com/menu/?tab=Wine%20%26%20Beer . 

    Be.st 


    ThemeNectar Support Team 

  • inedit replied

    Hello,

    thank you. Just to confirm I understood right:

    I compose the link the way you send me the example ( rhis link is not supposed to go anywhere, correct?) 

    So in my case it would be: 

    http://mywebsite.com/menu/?tab=ABOUT


    I have a one page scrll site where the menu is just jumping to different sections on the page with anchors. 

    - Would I have to reflect that in the link I guess?

    - would the link have to start with # to be an anchor like all the other links I am using on the site?


    thank you,

    sandra


  •  9,016
    Tahir replied

    Could you provide a live url to your site so i can make more sense of it and provide a 100% working solution .

    Thanks 


    ThemeNectar Support Team 

  •   inedit replied privately
  •  9,016
    Tahir replied

    Hey Again,

    Your link will be like this : http://access-em.co.uk/?tab=Product%20Selection#services though it will only work if you turn on the Ajax Page Transtions . As the Tab selection requires a page reload. 

    B.est 


    ThemeNectar Support Team