Tagged: tab section
-
AuthorPosts
-
February 6, 2018 at 1:55 am #908291
Hello. Looking at the page in the private area…
Please go to the “WordPress Support On-demand” section. I’d like to link the Icon Boxes so they open Tab 2 (Submit Details), without reloading the page. It should be a seamless transition as if clicking on the tabs themselves. I would like to avoid page reloading.
I’ve seen the other topics related to this. Some are responded to specifically for those sites or screenshots that are no longer available for us to reference. Some code provided has syntax errors.
If we can put together a more “generic” response to this, that will help the masses, I can share it in the FB groups as one of our tips of the day.
I’ll also look to see if this is a feature request.
Thank you!
February 6, 2018 at 3:36 am #908318Hey WP Turned,
Please, can you check the credentials again? I tried to access it, but they are wrong.
Best regards,
John TorvikFebruary 6, 2018 at 3:44 am #908320Just tested and they work for me.
February 6, 2018 at 8:46 am #908395Hi WP Turned Up,
The page does not reload on my end as it should not. It works fine.
Could you please clear the cache, check again and get back to us. And which browser are you using?
Best regards,
VictoriaFebruary 6, 2018 at 2:23 pm #908595The functionality is not even in place yet. None of your questions are valid…yet. Please re-read the issue.
February 7, 2018 at 12:57 pm #909090Hi WP Turned Up,
Sorry, I got it totally wrong.
Here are some threads about it
https://kriesi.at/support/topic/link-to-tab-in-tab-section/
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 7, 2018 at 4:19 pm #909247I’ve seen these links. They don’t work for my situation.
How do I link from an Icon Box to a specific Tab in a Tab Section?
February 8, 2018 at 4:29 am #909551Hi,
I can’t find any icon box element in the page. Did you remove them? This script may work on your case, just change the selectors.
// https://kriesi.at/support/topic/change-open-tab-via-main-menu/#post-899684
Best regards,
IsmaelFebruary 8, 2018 at 5:31 am #909572Yes, there are about 20 on the page. Anyways, I added the script and have the same results. Here is the process….
1. Under WordPress Support On-demand, there is Tab #1 (#browse-tasks), which is automatically set to open and as all the Icon Boxes.
2. If I click on one of the Icon Boxes, I want it to go to and open Tab #2 (#submit-details), as if someone simply clicked directly on Tab #2. Meaning, the action is instant and smooth, with no page reloading.As it is now, I have no idea what to put into the Icon Box URL field. Everything I try either does nothing or it completely reloads the page, taking me back to the top.
February 8, 2018 at 3:01 pm #909792Hi,
Oh ok. Please replace the icon boxes’ custom link “manually” with “#submit-details” then add the following script in the functions.php file.
// custom script add_action( 'wp_footer', 'ava_custom_script_tab_section' ); function ava_custom_script_tab_section() { ?> <script type="text/javascript"> (function($) { function scrollToTab(s, e,) { $(s).on(e, function(event) { var anchor, loc, cur, hash, tab, parent, pos; if( e == 'load' ) { loc = window.location.hash; hash = loc; } else { loc = $(this).attr('href'); hash = loc.substring(loc.indexOf('#')); } tab = $('.av-section-tab-title[href='+ hash +']'); parent = tab.parents('.av-tab-section-outer-container'); pos = parent.offset(); tab.trigger('click'); if(hash) { setTimeout( function() { $(window).scrollTop( pos.top - 100 ) }, 1000 ); } }); } scrollToTab( '#top .iconbox_top a', 'click' ); })(jQuery); </script> <?php }
Best regards,
IsmaelFebruary 8, 2018 at 3:23 pm #909802Man, thank you so much. Will post in the FB group, as others have been looking for this.
February 8, 2018 at 10:15 pm #909993Hi,
Best regards,
Basilis -
AuthorPosts
- The topic ‘Tab Section – Link from content in one tab…to another tab’ is closed to new replies.