Return to previous page

Product tabs display problem – Part 2

This topic has 10 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Eva Kemp

Royalty

Participant

January 4, 2016 at 18:51

Hello,
I’ve created a topic for my question already some months ago: https://www.8theme.com/topic/product-tabs-display-problem/ but unfortunately its closed for new replies. The mentioned credentials are not active anymore, so if you really need them please let me know.

As the problem is still not resolved, I wanted to ask if you will fix this in the next update? I always have to replace tabs.php with the old 1.7.1. version to get it fixed.

Thank you.

#106623 Copied

9 Answers

Eva Kemp

Support staff

January 4, 2016 at 19:21

Hello,

Are you talking about According tabs type?
It was fixed in the theme update.
Please check it.

Regards,
Eva Kemp.

#106632 Copied

Royalty

Participant

January 4, 2016 at 19:44

I dont see its fixed. I turned my childtheme completely off, still have the same problem (please find a screensho in private content). Compared the tabs.php file version 2.5 and 2.3: They are exacetely the same, the ul wrapping is still there and causes the problem.

Please, contact administrator
for this information.

#106639 Copied

Eva Kemp

Support staff

January 5, 2016 at 17:56

Hello,

Please provide us with wp-admin panel credentials in Private Content.

Thank you.

Regards,
Eva Kemp.

#106774 Copied
Royalty

Participant

January 14, 2016 at 12:15
I am not talking about accordion, but about DEFAULT style.
My goal is to have the tabs one next to each other (one line for ALL tabs) on desktop/big devices and on small devices the should be one after the other (one line per tab). Now, it works for big devices but on small devices the content comes after ALL tabs, not directly after the tab it belongs to. it worked until theme version 1.7.1 but since you have wrapped the tabs in
Please, contact administrator
for this information.
#108049 Copied
Royalty

Participant

January 14, 2016 at 12:28

I wanted to say:
it worked until theme version 1.7.1 but since you have wrapped the tabs in <ul> it doesnt work anymore. You find the wp-admin credentials in private content but please dont post any screenshots that contain my texts or products.
Many thanks in advance.

> The edit post functionality in this support forum doesnt work anymore

#108053 Copied

Royalty

Participant

January 14, 2016 at 12:39

I will try to change the style to accordion and style it with css. Give me an hour. I will let you know if I need further assistance. Thank you.

#108058 Copied

Royalty

Participant

January 14, 2016 at 14:17

ok this works. But what I dont like at accordion style is this “slide up” effect when you open a tab. It would like to keep this effect for small devices but turn it of for bigger devices. What would be the best ways to achieve this?

#108082 Copied
Royalty

Participant

January 14, 2016 at 16:27
I guess the part to edit is in etheme.js:
```
    // **********************************************************************// 
    // ! Tabs
    // **********************************************************************// 

    var tabs = $('.tabs');
    $('.tabs > p > a').unwrap('p');
    
    var leftTabs = $('.left-bar, .right-bar');
    var newTitles;
    
    leftTabs.each(function(){
        var currTab = $(this);
        //currTab.find('> a.tab-title').each(function(){
            newTitles = currTab.find('> a.tab-title').clone().removeClass('tab-title').addClass('tab-title-left');
        //});

        newTitles.first().addClass('opened');

        
        var tabNewTitles = $('<div class="left-titles"></div>').prependTo(currTab);
        tabNewTitles.html(newTitles);

        currTab.find('.tab-content').css({
            'minHeight' : tabNewTitles.height()
        });
    });
    
    
    tabs.each(function(){
        var currTab = $(this);
        
        var openNumber = parseInt(currTab.attr('data-active'));
        
        if(currTab.attr('data-active') == 'false') {
	        
        } else if(!isNaN(openNumber)) {
        	openNumber--;
	        currTab.find('.tab-title:eq('+openNumber+')').addClass('opened').next().show();
        } else {
	        currTab.find('.tab-title').first().addClass('opened').next().show();
        }
        

        currTab.find('.tab-title, .tab-title-left').click(function(e){
            
            e.preventDefault();
            
            var tabId = $(this).attr('id');
            var time = 250;
        
            if($(this).hasClass('opened')){
                if(currTab.hasClass('accordion') || ($(window).width() < 992 && !currTab.hasClass('products-tabs'))){
                    $(this).removeClass('opened');
                    $('#content_'+tabId).slideUp(time);
                }
            }else{
                currTab.find('.tab-title, .tab-title-left').each(function(){
                    var tabId = $(this).attr('id');
                    $(this).removeClass('opened');
                    if(currTab.hasClass('accordion') || ($(window).width() < 992 && !currTab.hasClass('products-tabs'))) {
                    	$('#content_'+tabId).slideUp(time);
                    } else {
                    	$('#content_'+tabId).hide();
                    }
                });

                if(currTab.hasClass('accordion') || ($(window).width() < 992 && !currTab.hasClass('products-tabs'))){
                    $('html, body').animate({
                        scrollTop: currTab.offset().top - 50
                    }, 800);
                    setTimeout(function(){
                        $('#content_'+tabId).addClass('tab-content').slideDown(time); // Fix it
                    },1);
                } else {
                    $('#content_'+tabId).show();
                }
                $(this).addClass('opened');
            }
        });
    });
```
But I dont know what to edit to turn the Slideup effect off for devices > 992px width.
Any help would be really appreciated.
#108132 Copied
Eva Kemp

Support staff

January 18, 2016 at 08:05

Hello,

Please take our apologies but it requires a lot of customization in the theme files and it is beyond our basic support scope.

Regards,
Eva Kemp.

#108450 Copied
Viewing 10 results - 1 through 10 (of 10 total)