Philip

Problem:
If you're experiencing issues with your WooCommerce product detail pages becoming empty when using many variations (e.g., 108 variations) in combination with the WPML String Translations plugin, this might be due to a regular-expression breaking silently related to CSS classes. This issue can cause the page to display only the header and footer.

Solution:
We recommend taking the following steps to resolve this issue:
1. Ensure you back up your website and database completely before making any changes.
2. Navigate to

/wp-content/plugins/sitepress-multilingual-cms/addons/wpml-page-builders/classes/Integrations/Elementor/class-wpml-elementor-adjust-global-widget-id.php

.
3. Find the function

duplicate_css_class_with_original_id

starting from line 132.
4. Replace the existing function with the following code:

public function duplicate_css_class_with_original_id( $content ) {
    $classPrefixes = wpml_collect( [
        'elementor-',
        'elementor-global-',
    ] )->implode( '|' );

    if ( mb_strlen( $content) < 300000 ) {
        return preg_replace_callback( '/(class=".*(\' . $classPrefixes . '\'))(\d+)/', array( $this, 'convert_id_to_original' ), $content );
    }

    return $content;
}

5. Save the changes and recheck the functionality.

If this solution does not resolve your issue or seems irrelevant due to being outdated or not applicable to your case, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If problems persist, please open a new support ticket.