Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Product Tabs In Small Screens - How To Disable Accordion View? Rate Topic   * * * * * 1 votes

 
  • alaa
  • Senior Member
  • Members
  • Join Date: 18-Mar 18
  • 168 posts

Posted 28 January 2019 - 08:42 PM #1

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
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19764 posts

Posted 29 January 2019 - 05:51 AM #2

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


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • alaa
  • Senior Member
  • Members
  • Join Date: 18-Mar 18
  • 168 posts

Posted 29 January 2019 - 06:00 AM #3

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
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19764 posts

Posted 29 January 2019 - 01:39 PM #4

You are welcome! :)


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • KirillLB
  • Newbie
  • Trial users
  • Join Date: 23-Dec 14
  • 6 posts

Posted 27 August 2019 - 11:56 AM #5

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
  • Newbie
  • Trial users
  • Join Date: 23-Dec 14
  • 6 posts

Posted 27 August 2019 - 12:14 PM #6

It seems I figure it out. :-)

I should edit  js/tygh/responsive.js

 

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

Right?



 
  • KirillLB
  • Newbie
  • Trial users
  • Join Date: 23-Dec 14
  • 6 posts

Posted 17 September 2019 - 08:41 PM #7

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
  • Senior Member
  • Trial users
  • Join Date: 09-Oct 11
  • 234 posts

Posted 18 September 2019 - 06:51 AM #8

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

 
  • websmart
  • Junior Member
  • Members
  • Join Date: 11-Feb 10
  • 78 posts

Posted 26 September 2019 - 06:44 PM #9

KirillLB

 

It worked for me

 

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