jpowersdev

Hi @marc59,

Try this:

/**
 * Custom Script Custom Product Tabs for WooCommerce
 * link with
 */
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 ).parent().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('#','').replace('tab-title-', '');
        return tabOpener( tab );
    }

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

        console.log("Click function called")

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

I changed it to strip out the “tab-title-” section and format it properly. It wasn’t finding the tab link, so it couldn’t activate it.

Let me know if that works for you,
Jon

• This reply was modified 5 years, 2 months ago by jpowersdev.

Hey @marc59,

I’m seeing a couple of problems.

First, it does not look like your tabs are actually “tabs”, they are being displayed one on top of another. That suggests that the WooCommerce tab javascript is not running properly.

Second, I am seeing errors in the js console and it looks like your js is being bundled somehow (perhaps by an “optimization” plugin). If a js file throws an error that isn’t handled appropriately, the file will stop executing. Since all of your js is in one file, that could be causing you some problems. I’d recommend temporarily disabling the bundling so we can further debug the issue.

Jon

Hi @samvk,

That sounds like a JavaScript issue. Could you provide a link to the page in question so I can take a look?

Thanks,
Jon

Hi @blueazure000,

This sort of issue is outside of the scope of what can be addressed through the free support forums. Please fill out this form on our website and we will help you to resolve the problem.

Thanks,
Jon

Hi @steveni1963,

I would guess that there is something wrong with the data in your tabs. You might have an extra or missing quotation mark in the content, or maybe a quotation mark in the name or slug (either of which would cause problems).

Has this worked for you before? Have any of your products changed since then? Where are you seeing the error message?

Jon

Hi @josiah-s-carberry,

I had to rename a folder due to case-sensitivity issues that some Windows-server users were having. As long as you can still see the images (such as the Mailchimp logo) on our plugin settings pages, the update behaved as normal.

Thanks,
Jon

Hi @francesca11979,

I’m glad you got the second problem solved. Could you let me know which symbol was causing the problem?

As for the disappearing tabs issue, we’ve had a handful of reports of this happening. We are struggling to find the root cause, and members of our team have not been able to reproduce the problem.

If you could please fill out this form, we are trying to find similarities between users who have run into that issue.

Thanks,
Jon