Put anchor in tab and click link to switch to each tab

Hello,

Our plugin only manage list of tabs, but how it works and looks on the page is depend on your theme.

Regards,
Oleg

hi @razyrx

Thanks for taking time replying.

I’ve created tabs with “Product Tabs Manager for WooCommerce plugin” , it works and looks well.

What I want to do is when I click on a link in description area,it will auto switch to specific tab,like this screenshot:
https://upload.cc/i1/2020/10/13/fN1dvn.png

Is there any code(css/js or others) to do it?

Hello,

As I said before it is depend on your theme.
For example you can use JavaScript code to click on tab button.

Regards,
Oleg

I’ve find these JS code below:

const tabOpener = function(tab) {
    // Simulate a click on that tab.
   if ( typeof tab === 'string') {
       const currentTab = jQuery( '.' + tab + '_tab' );
        currentTab.children('a').click()
   }

    // Scroll to that tab.
    jQuery('html, body').animate({
	    scrollTop: jQuery( '#tab-' + tab ).offset().top
    }, 300);
}

jQuery(document).ready(function($) {
    const { hash } = window.location;
    let tab;

    // If a # exists in the url lets see if its a tab.
    if ( hash ) {
        tab = hash.replace('#', '');
	    return tabOpener( tab );
    }

    // On click we'll check to see if the event target has a tab hash.
    $('body').on('click', function(e) {

        if ( e.target.hash && ! e.target.hash.includes('#tab') ) {
            tab = e.target.hash.replace('#', '');
             return tabOpener( tab );
        }
    });
});

And it works well.
Hope can help others.