[alaa]

Hello, 

 

Product tabs (like description, features... etc.) change to accordion style in small screens. I want to disable this feature. I am good in CSS but couldn't find any media queries or related code. Seems that it is a javascript code. How can I disable this without changing core files? 

 

I am writing to you after 2 hours of trials! 

 

Any help please? 

 

 

[eComLabs]

Yes, tabs are generated by js (js/tygh/responsive.js). To disable it, try to add the cm-j-tabs-disable-convertation class to all elements with the cm-j-tabs class

[alaa]

Yes, tabs are generated by js (js/tygh/responsive.js). To disable it, try to add the cm-j-tabs-disable-convertation class to all elements with the cm-j-tabs class

It is working perfectly. As always, you are very helpful e-ComLabs. 

 

Thank you! 

[eComLabs]

You are welcome!

[KirillLB]

Hello!

I want to add the cm-j-tabs-disable-convertation class to all elements with the cm-j-tabs

What file should I edit?

 

This one?  /design/themes/my_theme/templates/common/tabsbox.tpl

 

Microformats cs-cart manual said that I also should add cm-j-content-disable-convertation to tab content. Where it is located?

[KirillLB]

It seems I figure it out.

I should edit  js/tygh/responsive.js

 

I made this way -> http://prntscr.com/oy4rjt  

Right?

[KirillLB]

It seems I figure it out.

I should edit  js/tygh/responsive.js

 

I made this way -> http://prntscr.com/oy4rjt  

Right?

 

responsiveTabs: function() {

                if (this.winWidth() <= 480) {

                    // conver tabs to accordion

                    //$('.cm-j-tabs:not(.cm-j-tabs-disable-convertation)').each(function(index) {

                    $('.cm-j-tabs.cm-j-tabs-disable-convertation').each(function(index) {

                        var accordion = $('<div class="ty-accordion cm-accordion" id="accordion_id_' + index + '">');

                        var tabsContent = $('.cm-tabs-content:not(.cm-j-content-disable-convertation)');

                        var self = this;

[akistdm]

Can you post a screenshot so that we can see how product page looks now with this change.
Thanks!

[websmart]

KirillLB, 

 

It worked for me

 

Thanks for posting the fix and eComLabs for guiding in the right direction