Elementor breaks WooCommerce Tab Manager

[colmtroy]

Prerequisites

• [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [x] The issue still exists against the latest stable version of Elementor.

Description

Elementor and WooCommerce Tab Manager don't work together. WooCommerce Tab Manager is a popular WooCommerce extension used to create custom tabs on WooCommerce product pages. https://woocommerce.com/products/woocommerce-tab-manager/

When Elementor is used to manage WooCommerce product description content and WooCommerce Tab Manager is installed and configured, the Product content is repeated on all custom WooCommerce tabs, instead of the content that should appear in each tab.

Steps to reproduce

• Install WooCommerce, Elementor and WooCommerce Tab Manager
• Create some dummy WooCommerce products
• Create a custom WooCommerce tab and give it some content: https://i.imgur.com/XltoqkY.png
• Assign the custom tab as a default global tab: https://i.imgur.com/2ZDMzfv.png
• Activate Elementor on products: https://i.imgur.com/w7ezj0B.png
• Modify product description of any product with Elementor and save
• Go to single product page and click on custom tab. I expect to see the custom content I added when I create the custom tab earlier. Instead I see a repeat of the product description tab.

Isolating the problem

• [x] This bug happens with only Elementor plugin active (and Elementor Pro).
• [x ] This bug happens with a default WordPress theme active.
• [x] I can reproduce this bug consistently using the steps above.

Environment

System Info

```

== Server Environment == Operating System: Linux Software: nginx/1.14.0 MySQL version: MySQL Community Server (GPL) v5.7.23 PHP Version: 7.2.9 PHP Max Input Vars: 4000 PHP Max Post Size: 1000M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected

== WordPress Environment == Version: 5.0.2 Site URL: http://wctabs.local Home URL: http://wctabs.local WP Multisite: No Max Upload Size: 300 MB Memory limit: 40M Permalink Structure: /%postname%/ Language: en-US Timezone: 0 Debug Mode: Inactive

== Theme == Name: Twenty Nineteen Version: 1.1 Author: the WordPress team Child Theme: No

== User == Role: administrator WP Profile lang: en_US User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

== Active Plugins == Elementor Version: 2.3.8 Author: Elementor.com

WooCommerce
	Version: 3.5.3
	Author: Automattic

WooCommerce Tab Manager
	Version: 1.9.2
	Author: SkyVerge

== Debug == Errors: There are no errors to display

</details>

[smile00000]

Having the same issue with all the WooCommerce Extensions. Elementor please make sure all these extensions on the official Woocommerce.com page work. They are all faulty.

[colmtroy]

@bainternet - any thoughts on this one? It's been open since January - thanks.

[ChaseWiseman]

fwiw from the Tab Manager side, we apply the the_content filter to the tab content before display, and it looks like Elementor hooks in to that to output the builder content.

It looks like some additional WooCommerce-specific compatibility would be needed here to target content for the product description only, as that's what's being edited when using the builder.

[choledochus]

@colmtroy did you efter find a solution to this bug? I have a similar problem.

[svrcore]

same problem!

[sreuland]

I'm seeing the same problem with the 'Description' tab content being forced into any custom tab's content on single product display. I'm on WC 3.7.0, WP 5.4.0, Elementor 2.7.5, and am using InfiWebs Elegant Tabs 3.0 plugin which adds custom tabs.

[daglidd]

I am facing the same problems. I have developed a site using Elementor Pro + Woocommerce + WooCommerce Tab manager. When trying to view the tab manager from the backend it nearly takes 60-70 seconds to load the page in the backend.

Has anyone found any solution to this problem?

[calebweeks]

Hi everyone! I ran into this problem today with both the WooCommerce Tab Manager as well as YITH's Tab Manager.

Lo and behold, the popular (and free) Custom Product Tabs for WooCommerce by YIKES has explained (and fixed) this so their tab manager is compatible with Elementor.

Here is their Knowledge Base article explaining it (for the Elementor Team perhaps). It is a simple checkbox both the free and premium version of their plugin to enable "Page Builder Compatibility":

If you’re using a Page Builder, like Elementor, you may experience issues with tabs displaying properly in WordPress.

The Page Builder and other plugins may be fighting to use the WordPress function used to display content apply_filters( 'the_content' ). In order to resolve this, we’ve added a compatibility setting to force our plugin to use a custom content filter so the Page Builder can use the WordPress version.

Turning this setting on is different for the free and premium version of the plugin.

Maybe Elementor can introduce a built-in workaround, but in the meantime, I am thankful the YIKES team figured it out and I am happy to use their plugin to meet our particular need for this project.

Thanks, everyone!

[leyakoreya]

Please tell me is the problem already solved? Since I am planning to use Elementor and Custom Product Tabs for WooCommerce

[jgarcianewemage]

Not solved yet in elementor 3.8.0

[colmtroy]

Any updates on this one folks? I confirmed this is still an issue (almost 4 years later!)

[KevinLaucn]

On January 1, 2024, encountered the same problem!

Are there any updates?