WooCommerce Expand Tabs

Description

This plugin simply expands the tabs in the single-product page. It will remove the tabs (Description, Reviews or other custom tabs) and show only the content of the tabs one after another.

You can enable the tabs expansion only for desktop or only for mobile devices. Check the settings on the Woocommerce->Settings->Products->Display page, as shown in the screenshot.

The plugin supports WooCommerce tabs added by other plugins. The content of all of your tabs will be shown one section after another.

If you liked this plugin, feel free to play around with our other free plugins: Simple Custom CSS & JS and WooCommerce Multi-Step Checkout.

Screenshots

  • Example of tabs expanded on the OceanWP theme
  • Settings for enabling/disabling the tabs expansion

Installation

Automatic installation

  1. Press Install to install this plugin to your WordPress.
  2. Enable the plugin in WP admin.

Manual installation

  1. Download woocommerce-extend-tabs.zip from any available source.
  2. Connect to your FTP server and upload and extract the zip-archive to your /wp-content/plugins/ folder.
  3. Enable the plugin in WP admin.

FAQ

With which WooCommerce versions is the plugin compatible?

The plugin works with WooCommerce from 2.1 to up the latest 3.8 version.

Why aren’t the titles of the tabs shown on my site?

Some themes suppress the <h2> title of the section with CSS or by overwritting the template file. We tested the plugin on 22 free themes that support WooCommerce and on two of them the <h2> title was hidden. This plugin should work for most of the themes, but we take no responsability for the themes that don’t show the <h2> title of the section.

Does it support tabs created by other plugins?

Yes

Does it support multi-site WordPress installations?

Yes

I want to add/modify/delete a tab

If you’re comfortable with adding code to your website, then see the WooCommerce documentation. If not, you can check out a plugin similar to WooCommerce Tab Manager.

Why doesn’t it work on my website?

We are aware only of an incompatibility with the Digi theme by Nasa. For other issues than that drop me a line in the support and maybe we can try to figure it out.

Reviews

February 27, 2020
I had an issue with anchor links and Diana found a solution. PS: Issue had nothing to do with plugin itself
January 29, 2020
My current theme (wpastra) doesn't provide the option of showing the tabs in section mode. This plugin helps to do that. Thanks again for your good work
January 7, 2020
did the job, in seconds, we had the overall result we were after
September 27, 2019
Yes it works out of the box. But what it does it to completely remove default scripts from WordPress and insert modified script without tab-code. What does that mean? If the WC-Team do changes to the important single-product.js script in future, the plugin author has to adapt those changes to the modified file! unfortunately it is not really possible to avoid this because WC-Team has no hooks inserted for this to overcome. Only easy and nearly maintainable solution would be custom javascript in the footer: $( '.wc-tab').show(); and css: .wc-tabs-wrapper .tabs.wc-tabs { display: none; } its up to you if you prefer client und server side solution.
August 27, 2019
Stuck with the problem, searching on developer forum. Found the solution! This is the plugin you must have!
July 30, 2019
This plugin is easy to install and easy to use. It is very useful if your theme is not responsive for exemple, as this plugin helps to get perfect display of your shop onto any mobile screen ! ---------------------------------------------------------------------------------- Ce plugin est très facile à installer et à utiliser. C'est très utile si votre site n'est pas responsive car le plugin vous garantit un affichage parfait de votre boutique sur tous les écrans mobiles.
Read all 24 reviews

Contributors & Developers

“WooCommerce Expand Tabs” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.17

  • Compatibility with WC4.4

1.16

  • Compatibility with WC4.2 and WC4.3

1.15

  • Compatibility with WC4.1

1.14

  • Compatibility with WC4.0
  • Compatibility with WP5.4

1.13

  • Compatibility with WC3.9

1.12

  • Declare compatibility with WC3.8
  • Add woocommerce_product_after_tabs hook in the tabs template for WC3.8

1.11

  • Fix: laod the unminified JS if the SCRIPT_DEBUG constant is defined
  • Declare compatibility with WP 5.3

1.10

  • Update: make the code compatible with WC 3.6
  • Declare compatibility with WC 3.6

1.9

  • Declare compatibility WordPress 5.0 and WooCommerce 3.5

1.8

  • Use a different single-product.js file for every WooCommerce minor release
  • Remove the donation link

1.7

  • Update: make the code compatible with WC 3.2
  • Declare compatibility with WooCommerce 3.2 (https://woocommerce.wordpress.com/2017/08/28/new-version-check-in-woocommerce-3-2/)

1.6

  • Fix: again https://wordpress.org/support/topic/bug-with-enfold-theme/

1.5

  • Fix: https://wordpress.org/support/topic/bug-with-enfold-theme/

1.4

  • Update: make the code compatible with WooCommerce 3.0.+

1.3

  • Fix: PHP warning for Additional Tabs without weight, dimensions or attributes as explained in https://docs.woocommerce.com/document/editing-product-data-tabs/#section-6

1.2

  • Feature: compatibility with the Enfold theme
  • Feature: compatibility with the Flatsome theme

1.1.1

  • Fix: adjusted the single-product.js file to the WooCommerce 2.5.2 version

1.1.0

  • Fix: Error “Call to undefined function wp_is_mobile” on multi-site installations

1.0.4

  • Added the ‘Enable for desktop devices’ and ‘Enable for mobile devices’ options

1.0.3

  • Bug: https://wordpress.org/support/topic/warning-missing-argument-1-for-woocommerce_output_product_data_tabs-see-mor

1.0.2

  • Tweak: support up to WordPress 4.2.1

1.0.1

  • Change readme.txt file to show the screenshots on wordpress.org

1.0.0

  • Initial release of WooCommerce Expand Tabs