Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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!

    #908318

    Hey WP Turned,

    Please, can you check the credentials again? I tried to access it, but they are wrong.

    Best regards,
    John Torvik

    #908320

    Just tested and they work for me.

    #908395

    Hi 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,
    Victoria

    #908595

    The functionality is not even in place yet. None of your questions are valid…yet. Please re-read the issue.

    #909090

    Hi 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,
    Victoria

    #909247

    I’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?

    #909551

    Hi,

    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,
    Ismael

    #909572

    Yes, 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.

    #909792

    Hi,

    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,
    Ismael

    #909802

    Man, thank you so much. Will post in the FB group, as others have been looking for this.

    #909993

    Hi,

    Best regards,
    Basilis

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Tab Section – Link from content in one tab…to another tab’ is closed to new replies.