Anchor at tab-custom_tab - Support | Kriesi.at

Tagged: anchor, tab

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
February 18, 2016 at 7:53 am #585212
maxisgoinghome
Participant
Hi there,

is it possible to link to a custom tab? In this case tab-custom_tab – for example http://www.forthree.com/basketball/single-layer-shirt-schwarz-basketballtrikot/ “Größenangaben in cm”. I would like to make a standard link on the respective item saying “item-url/#tab-tab-custom”

Thx in advance
Max
- This topic was modified 8 years, 10 months ago by maxisgoinghome.
February 20, 2016 at 2:14 pm #586454
Josue
Inactive Moderator
Hey,

Try adding this to your theme / child theme functions.php:
```
function add_custom_script(){
?>
<script>
if ( location.href.match(/#tab-tab-custom/) !== null ) {
jQuery( '#tab-tab-custom' ).show();
jQuery( 'li.tab-custom_tab a' ).trigger('click');
}
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
```
Then link it this way:
http://www.forthree.com/basketball/single-layer-shirt-schwarz-basketballtrikot/#tab-tab-custom/

Best regards,
Josue
February 22, 2016 at 3:10 pm #587175

maxisgoinghome
Participant

i cannot see your answer after “Then link it this way:”

February 22, 2016 at 3:21 pm #587189

Josue
Inactive Moderator

I edited the reply.

February 22, 2016 at 5:32 pm #587316

maxisgoinghome
Participant

sorry it did not work

February 22, 2016 at 9:19 pm #587455
Josue
Inactive Moderator
Hi,

Try with this instead;
```
function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	if ( location.href.match(/#tab-tab-custom/) !== null ) {
    	    	$( '#tab-tab-custom' ).show();
    	    	$( 'li.tab-custom_tab a' ).trigger('click');
    	}
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
```
Regards,
Josue
February 23, 2016 at 1:47 pm #587698

maxisgoinghome
Participant

thank you
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Anchor at tab-custom_tab’ is closed to new replies.