Tab Functionality on Product Page

9 posts from 3 voices

• Started 1 year ago by lcburns
• Latest reply from Dude
• This topic is closed
• This topic is resolved

Tags:

• tabs

1. 

   lcburns
   Member

   Hello,

   I have read the posts on how to add a new tab, etc. and I've done that with no problem, however, my entire product panel tabs don't actually tab across. By that I mean, I have the tab labels at the top, but when you click on the label, it just takes me to the bottom of the page. The panel with all the tab information is in a vertical format vs. tabbing across and opening in its own table (like demo). It's one large block/table and the description, additional information and specifications (new tab) are all in one table. Hope this makes sense - I don't have a live site to show you.

   Posted 1 year ago #
2. 

   Ismael
   Moderator

   Hello,

   We just can't help you out without having a test site to inspect with. Adding a tab on woocommerce is a fairly complicated task with all the hooks and php files that you have to edit.

   This is an example http://www.kriesi.at/support/topic/woocommerce-additional-image-tab.

   Regards,
   Ismael

   Posted 1 year ago #
3. 

   lcburns
   Member

   I understand and thanks for the reply. I have added the tabs, following those same instructions earlier. I was just wondering why it was in a long table format. It's been in this format even with the regular description, attributes and review tabs that came with the theme.

   Posted 1 year ago #
4. 

   lcburns
   Member

   I want to add that when I switch themes, the panels/tabs work exactly like they're supposed to, so where in the Abundance theme could this reformatting occur? It's not CSS, it's the actual functionality of it and it was like this from the point of the initial install. Do I need to reinstall everything? Thanks.

   Posted 1 year ago #
5. 

   Dude
   Dude

   Hey!

   Abundance doesn't change the tab layout. The theme specific woocommerce code can be found in abundance\woocommerce-config\config.php

   Regards,
   Peter

   Posted 1 year ago #
6. 

   lcburns
   Member

   Hi,

   I think I've exhausted this and you can close this if you'd like, but before you do, can you please first tell me whether or not the tab panel should automatically function as demonstrated in the demo or is there something else I should code to make it function like the original woocommerce product panel? When I activate Abundance, it doesn't tab over. Shouldn't it? Thanks.

   Posted 1 year ago #
7. 

   Dude
   Dude

   The tabs will be displayed if you've activated the "reviews" (actually they're just comments) and/or if you want to display additional informations (table/data grid). If you don't use any of these features you won't see tabs.

   Posted 1 year ago #
8. 

   lcburns
   Member

   Just in case anyone else has this issue or a box is checked that shouldn't be, I solved the problem by unchecking the 'Output WooCommerce JavaScript in the footer' under Styles and Scripts in the Woocommerce General Settings tab. Now it behaves perfectly!

   Posted 1 year ago #
9. 

   Dude
   Dude

   Hi!

   Glad that you found the cause :)

   Best regards,
   Peter

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.