Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 28, 2018 at 6:43 pm #1015842
    sophia_maria

    Hi,

    I’m using the Tab Sektion and want to add an Anker Point to each Tab of the Tab Sektion.

    In the Tab Sektion I defined the “Für Entwickler: Section ID” as “Reiter Titel”, and in the Edit Tab Sektions I defined “Reiter Titel”. Now if I go to the Anker Point https://website/#Reiter_Titel the correct Tab is selected but my Browser does not jump to the Tab Sektion.

    I hope that makes sense, you can look at this at https://veltlinerco.de/vermischtes/#weingut-fritz and https://veltlinerco.de/vermischtes/#martinshof (you need to scroll down a bit to the tabs selected, again browser does not jump to the tab).

    Thanks

    September 30, 2018 at 8:00 am #1016213
    Rikard

    Hey sophia_maria,

    You can’t use blank spaces in the IDs, and mixing big and small letters is not a good idea either. Could you try using for instance reitertitel instead maybe?

    Best regards,
    Rikard

    September 30, 2018 at 9:32 am #1016225
    sophia_maria

    Hi Rikard,

    thanks for the tip but unfortunately the same behavior – the reitertitle / tabtitle being used as anker “aktivates” the selected tab, but the browser does not jump to the tab.

    If it helps a login is in the private section.

    Thansk

    September 30, 2018 at 11:19 am #1016232
    Dude

    Hi,

    I tried to log in but the login credentials didn’t work for me. I get the error message: “FEHLER: Ungültiger Benutzername, E-Mail-Adresse oder ungültiges Passwort. Your Maximum Login Attempts left : 3”

    Best regards,
    Peter

    September 30, 2018 at 12:07 pm #1016239
    sophia_maria

    Hi,

    Sorry for that, should be working now …

    Thanks

    September 30, 2018 at 1:07 pm #1016248
    Dude

    Hi,

    Please try to add this code to your child theme functions.php and check if it fixes the issue on your end:

    
add_action( 'wp_footer', 'avia_scroll_to_tab_section', 10);
function avia_scroll_to_tab_section()
{
	?>
	<script>		
	setTimeout(function(){
      if(typeof location.hash == 'undefined') return;
      
      var hash = location.hash.substr(1);
      if(hash)
      {
        var current_tab = '';
        jQuery( ".av-layout-tab" ).each(function( index ) {
          var tab_id = jQuery(this).data('tab-section-id');
          if(tab_id) jQuery(this).attr('id', tab_id );
          if(hash == tab_id) current_tab = tab_id;
        });
        
        if(current_tab)
        {
          	var aTag = jQuery("#"+ current_tab);
          	jQuery('html,body').animate({scrollTop: aTag.offset().top -170},'slow');
        }
      }
	}, 2000);
  
	</script>
	<?php
}

    Best regards,
    Peter

    October 1, 2018 at 8:07 am #1016454
    sophia_maria

    Hi Peter,

    thanks a lot, that did the trick.

    Cheers

    October 1, 2018 at 8:11 am #1016456
    Dude

    Hi,
    Great, glad I could help you. I asked our developers to look into it and to include this feature with the next theme update.

    Best regards,
    Peter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.