The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 05-25-2014, 07:37 PM
Scott Gohl's Avatar
Scott Gohl is offline
 
Join Date: Dec 2012
Posts: 4
Default

How do I add responsive product tabs?


Hello all,

I have added product information tabs as outlined at:
http://help.ecwid.com/customer/porta...ct-description
Unfortunately, while the tabs work they are not built to be responsive on a mobile device.

My question is simply: does anyone know how to add product description tabs that convert to an accordion display automatically when viewed on a smaller screen?

Thanks!

-Scott

Last edited by Scott Gohl; 05-25-2014 at 07:38 PM. Reason: Typos
  #2  
Old 05-30-2014, 01:09 PM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by Scott Gohl View Post
Hello all,

I have added product information tabs as outlined at:
http://help.ecwid.com/customer/porta...ct-description
Unfortunately, while the tabs work they are not built to be responsive on a mobile device.

My question is simply: does anyone know how to add product description tabs that convert to an accordion display automatically when viewed on a smaller screen?

Thanks!

-Scott
Hello Scott,

Thank you for your message.

You are right, the tabs created with script from the article are not mobile responsive.

There are a lot of ready-made scripts for the tabs, actually. I suggest you to install one of these script. For example: https://github.com/petelove666/Responsive-Tabs

Good luck!
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #3  
Old 03-17-2016, 02:42 PM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Hi Everyone!

I'm glad to let you know that now it is possible to add tabs into product or category description using simple shortcodes in the description editing area via Tabber application. You can also customize the color and add different icons for each tab to make it look the way you want.

Go ahead and check out more details about the Tabber application!

Also feel free to browse Ecwid App Market for other apps that can help your store grow: https://www.ecwid.com/apps/

Thank you.
__________________
Ecwid API and App Market Team
Ecwid Developer Website
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
accordion, product, responsive, tabs

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:14 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.