Tabs stopped working

Hi @johnegg

Thanks for reaching us. Hope you doing well.

We checked your website and see some issues with cache as jquery can’t work properly. Normally our tabs jquery load at the footer but after cache, it’s gone into the header and loads abnormally. we suggest you clear the cache and hope its works properly.

Also, check if your cache loaded at the header kindly select it at the footer.

Thanks. But we disabled cache & also contact WPEngine & said it wasn’t their cache causing it.

My developer says:

The plugin is loading a file called old.js rather than tabs.js. It seems to be trying to render old templates, that doesn’t make much sense!

Any ideas why?

So it works if I create a new tab but none of the existing tabs are working now (using old.js) how do I fix this please? I really dont want to have to recreate all the tabs using a new template as there are many more used throughout the site.

Thanks

We are sorry to say,

At the last modules update, we add tons of features as users can customize their tabs randomly with their desired design. We committed to users as our past module data also works properly with the latest version. Sometimes it given a conflict with a theme and we give support to our users as we can.

In this case, I can suggest you 2 ways.

1st is, kindly add the following custom js into your sites and avoid conflicts.

(function ($) { 
 setTimeout(function () {
                $(".ctu-ulimate-style-1 .vc-tabs-li:first").addClass("active");
                $(".ctu-ultimate-style-heading-1:first").addClass("active");
                $(".ctu-ulitate-style-1-tabs:first").slideDown("slow");
                    
                $(".ctu-ulimate-style-1 .vc-tabs-li").click(function () {
                    if ($(this).hasClass("active")) {
                        return false;
                    } else {
                        $(".ctu-ulimate-style-1 .vc-tabs-li").removeClass("active");
                        $(this).toggleClass("active");
                        $(".ctu-ulitate-style-1-tabs").slideUp();
                        var activeTab = $(this).attr("ref");
                        $(activeTab).slideDown("slow");
                    }
                });
                $(".ctu-ultimate-style-heading-1").click(function () {
                    if ($(this).hasClass("active")) {
                        return false;
                    } else {
                        $(".ctu-ultimate-style-heading-1").removeClass("active");
                        $(this).toggleClass("active");
                        $(".ctu-ulitate-style-1-tabs").slideUp("slow");
                        var activeTab = $(this).attr("ref");
                        $(activeTab).slideDown("slow");
                        var headerheight = 120;
                        $("html, body").animate({
                            scrollTop: $(".ctu-ultimate-wrapper-1").offset().top - headerheight
                        }, 2000);
                    }
                });
                var contentliwidth = $(".ctu-ulimate-style-1 .vc-tabs-li").outerWidth();
                var count = $(".ctu-ulimate-style-1 .vc-tabs-li").length;
                var fullwidth = $(".ctu-ulimate-style-1").width();
                var widthresult = contentliwidth * count;
                if (fullwidth <= widthresult) {
                    var eachwidth = parseInt(fullwidth / count) + "px";
                    $(".ctu-ulimate-style-1 .vc-tabs-li").css("width", eachwidth);
                };
 }, 2000);
})(jQuery);

2nd is to Create another shortcode by using our latest modules. With the latest modules, you can customize and set responsive data like a developer. As my suggestion 2nd option will be far better from 1st where you need to copy current tabs and paste them into new tabs.

Hope you will understand and do well. please let us know if you need any help regarding our plugin.

Hi, thanks but the JS didnt work. I pasted it in the footer? Id rather not have to recreate the tabs (copy & paste) as there are so many tabs. How do I get the JS to work please?

Hi @johnegg

I am sorry, I see you added jquery files to your websites but sorry to say you added modified files that I have given to you.

Please add the following jquery files to your website and hope it will work properly.

We got it working, there was an issue with your code above when we copied & pasted it so had to replace all the “.

Basically, ” comes with a js file. if you have better knowledge so you can customize as like as you want.

If you get trouble to add js file into your sites. kindly contact via oxilab.org for custom files.