Okay
  Public Ticket #254704
Links to tabs and accordian toggles
Closed

Comments

  • John started the conversation

    In the changelog under 4.5, it says:

    Added ability to link directly to tabs/accordions with ?tab= and ?toggle= in url

    How exactly does this feature work? What do we need to put after the equal sign?

    Thanks,
    John

  •  1,070
    ThemeNectar replied

    Hey John!

    You just need to enter the name of your tab after that - just make it it's in lower case and replace spaces with -'s like this:

    http://themenectar.com/demo/salient-frostwave/feat...

    Cheers


  •   John replied privately
  • Mike replied

    This is a great addition, but I'm curious, is there a way to also scroll to the opened tab/toggle?  If I had a page of perhaps 10 toggles could the ?toggle=name-of-toggle url then go to the page and scroll such that the opened toggle was at the top of the browser window?

    Awesome work on Salient, by the way!

  •  1,070
    ThemeNectar replied

    Hey John! Is there anyway you can allow me to log in so I can check out why the tab linking is not working for you?

    ------------------------------

    Mike - unfortunately this would require some additional development as of now, but I've noted the idea for the wishlist :)

    Cheers

  •   John replied privately
  •   ThemeNectar replied privately
  •   John replied privately
  •   ThemeNectar replied privately
  • John replied

    Okay, great. Thanks, Nectar!

    (For other users reading this, there will be a fix in the next release of Salient.)

  • Piotr replied

    "This is a great addition, but I'm curious, is there a way to also scroll to the opened tab/toggle?  If I had a page of perhaps 10 toggles could the ?toggle=name-of-toggle url then go to the page and scroll such that the opened toggle was at the top of the browser window?

    Awesome work on Salient, by the way!"


    "I Am replied

    Mike - unfortunately this would require some additional development as of now, but I've noted the idea for the wishlist :)

    Cheers"

    Is it possible nowadays? - easy to do :)

  •  8,839
    Tahir replied

    Hey Again,

    No this hasnt being added yet.  

    Be.st 


    ThemeNectar Support Team 

  • Ruchi replied

    Hi Tahir,

    Jumping in to add here-- is there any way of making the tab headings sticky? I'm using the vertical setting, and I want the headings to move along with the tab content as the user scrolls.

    Thanks a ton.

  •  8,839
    Tahir replied

    @Ruchi, No there is no such Option available i am afraid .

    Best


    ThemeNectar Support Team 

  • Ruchi replied

    I hope this feature gets added in a future update. Thanks for the quick reply Tahir!

  • T.C. replied

    Hello, 

    Is there anyway to anchor link to a particular panel in the toggle panels? so I full page reload isn't required? 

    <a href="#panel1">panel1</a>

    (slide to panel and open it)

  •  8,839
    Tahir replied

    No i am afraid its not possible without a reload. 

    Best


    ThemeNectar Support Team 

  •  8
    Simeon replied

    RE the request back on 2017 in this thread regards having the /?tab=MyTab link feature scrolling to the open tab/toggle, it's been 3 years since this was noted for the wishlist... is there any hope we might see this anytime soon? 

    The feature for opening a tab/toggle with a scripted link is a great one but it doesn't make much sense without the scroll part being possible. What's needed is to have the user dumped on the page so they're looking directly at the open tab/toggle section.

    Please advise as to the status of this possibility.

  •  1,070
    ThemeNectar replied

    Hey Simeon,

    This functionality is possible, the URL just needs to include the ID of the row which the element is contained in. If you have not given your row a custom ID, you can do so with the "Row ID" field. Once one is set, the URL would be structured like so: http://domain.com/?tab=my-tab-name#custom-row-id

  •  8
    Simeon replied

    Brilliant Tahir, works perfectly! Another fine bit of ThemeNectar wizardy!

  • emmafrizzell replied

    Hello there,

    Does this only work if you're linking onto the same page?

    I'm trying to link from one page directly to an open toggle on a seperate page – is this possible?

    Thanks :)

  •  8
    Simeon replied

    Hi, yes this works here for me from one page to another if you follow the format given by Tahir!

  •  1
    Max replied

    Hi, I'm reopening the subject because I can't find the solution explained with the ?toggle=my-toggle we have to add in the url in order to open the toggle. 

    Indeed, it's not working, what's the "my-toggle" ? Is it the title of the toggle ? I tried multiple times all the combinations and I can't find the solution.

     I don't know how to target the toggle because we can't add any ID or Class to a toggle panel or it's sections in WPBakery…

    Thank you very much for your help !

  •  8,839
    Tahir replied

    Hey Again,

    The links are generated by the titles like this : http://yoursite.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://yoursite.com/menu/?tab=Wine%20%26%20Beer . 

    Be.st 


    ThemeNectar Support Team 

  •  1
    Max replied

    Thank you very much Tahir, but it's still not working… 

    nothing happens either with ?tab=test or ?toggle=test, in which I created a toggle named test in order to avoid special characters.

    I join a capture of my WP Bakery…

    Attached files:  Capture d’écran 2023-03-02 à 14.02.32.png

  •  8,839
    Tahir replied

    Please provide the page url so that we can check.

    Thanks


    ThemeNectar Support Team 

  •  1
  •  8,839
    Tahir replied

    Hey Again,

    You seem to have added custom icons in the Toggle Text field which is why its not working: 

    6775357956.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  •  1
    Max replied

    Allright, I didn't pay attention to this detail ! I understand now why it wasn't working, I've changed code in my child theme.

    Thank you very much for your help, it works perfectly now.

  •  1
    CaptApollo replied

    I think I'm following the right URL formula:

    https://trinitydcv5.wpengine.com/apply-now/?tab=transfer-students

    But the tab (which is down the page a bit) isn't opening on load. What am I doing wrong?

  •  8
    Simeon replied

    Hey CaptApollo... generally you should using the same caps that you have in your tab titles like this:

    https://trinitydcv5.wpengine.com/apply-now/?tab=Transfer-Students

    However, I tried it and that still does not work in your case. It appears that you have the tab settings such that all tabs are to remain closed on load? This might render this type of link unworkable.

  •  8,839
    Tahir replied

    @CaptApollo,

    You need to use this: https://trinitydcv5.wpengine.com/apply-now/?toggle=Transfer%20Students  since you are using a Toggle Page Element.

    Thanks


    ThemeNectar Support Team 

  •  1
    CaptApollo replied

    Thank you! It was the tab= instead of toggle= that was the problem. My needs are met for now!

    May I suggest adding a way to give each toggle an ID so we can create URLs that jump to that point on the page, not just the containing row?