Support » Plugin: Tabby Responsive Tabs » Tabby to Link – how to set Menu URL (Navigation) directly to 2nd tab etc.?

  • Resolved selma123

    (@selma123)


    I could manage to set working links to a 2nd and 3rd tab with shortcode [tabbylink tabgroup=1 tab=2 offset=365 fade=400]Etagenpläne (PDF)[/tabbylink]

    but I can’t manage to set working URL from menu Navigation like the demo:
    http://michaelatkins.co.uk/tabby-test/?target=second-tab#tabs

    How do I need to set the URL correctly so that it’s working same as in demo?

    Thank you in advance.

    best regards,
    Selma

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author cubecolour

    (@numeeja)

    The link url which would normally work in your custom menu item would be

    https://www.atlas-stiftung.ch/konrad-winterthur/?target=wohnungsplane-pdf

    A fragment identifier (eg #tabs1) can be appended also to open the page with the tabs visible in the viewport if you add an empty named anchor with that id on the page before the tabs.

    eg <a id="tabs1"></a>

    I believe the link is not working on your page as there are two tabs with the same title, ‘Wohnungspläne (PDF)’

    I would suggest checking whether the link works if one of the tabs is given a different title.

    selma123

    (@selma123)

    Hi,

    Thank you very much for your reply. I changed the names, but also https://www.atlas-stiftung.ch/konrad-winterthur/?target=preise is not working, the page just reloads and stays at the top of page. :-/

    Do you have an idea, why this is not working properly? Thank you in advance for your apppreciated support.

    best regards,
    selma

    Plugin Author cubecolour

    (@numeeja)

    To ensure the tabs are visible within the viewport when the page loads, you need to add an element with an id immediately before the tabs to act as a target- eg:
    <a id="tabs1"></a>
    and also add the fragment identifier to the url defined in your menu item -eg:
    https://www.atlas-stiftung.ch/konrad-winterthur/?target=preise#tabs1

    • This reply was modified 2 months ago by cubecolour.
    selma123

    (@selma123)

    Hi,
    Thank you, I added the id, but still the links and scrolling has a strange behaviour. It reloads the entire page, scrolls to the id but doesn’t land in the desired tab. is it because of the title contains special characters like ä and ()?

    These links are working perfectly, with the desired padding from top, but I can’t put these into menu navigation 🙁

    [tabbylink tabgroup=1 tab=1 offset=365 fade=400]Preise[/tabbylink]

    [tabbylink tabgroup=1 tab=2 offset=365 fade=400]Etagenpläne (PDF)[/tabbylink]

    [tabbylink tabgroup=1 tab=3 offset=365 fade=400]Wohnungspläne (PDF)[/tabbylink]

    So how can I link from navigation to the desired tabs correctly, without refreshing the page? Seems to be tricky.

    Thank you in advance for your support.

    Plugin Author cubecolour

    (@numeeja)

    The navigation would normally appear on all pages of a site so it would not be possible for the link to work without it reloading the page it if is already on that page.

    These links should normally work, however they do not seem to be working on your site

    https://www.atlas-stiftung.ch/konrad-winterthur/?target=etagenpplane-pdf#tabs1
    https://www.atlas-stiftung.ch/konrad-winterthur/?target=wohnungsplane-pdf#tabs1

    I have set up a tabgroup on a test site with the same titles as your tabs and the menu links equivalent to those above are working on the test site. There is something on your site preventing the same links from opening the tabs. The page loading animation on page load might have something to do with this – what is being loaded when that is shown? Is it possible to disable that temporarily for troubleshooting – perhaps using the Health Check & Troubleshooting plugin?

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.