Home Forums WoodMart support forum Product Page Goes Blank When Using Additional Variation Images on Multiple Color

Product Page Goes Blank When Using Additional Variation Images on Multiple Color

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #722411

    evansstay3
    Participant

    Hi WoodMart Team,
    I’m experiencing an issue with the Additional Variation Images feature on my WooCommerce store.

    Environment
    Latest WoodMart Theme
    Latest WoodMart Core
    Latest WooCommerce
    Variable product with Color and Size attributes

    Issue
    When I assign additional images to my color variations, the product editor saves everything correctly, but on the frontend the entire product content becomes blank.

    The header and footer still load, but the product itself disappears.

    What I’ve Tested
    The Variation Image Gallery saves correctly in the product editor.
    The images appear correctly inside each variation in the admin.
    The wd_additional_variation_images_data meta field is populated correctly.
    I even manually copied and pasted the image IDs into wd_additional_variation_images_data.
    I tested using WooCommerce Advanced Bulk Edit and Smart Manager to update the field.
    I cleared cache and refreshed the site.
    The images always appear correctly in the product editor under Variation Image Gallery, but on the frontend the product page becomes blank.

    Pattern I Found

    After a lot of testing,I beleive the issue might be related to the number of variation gallery images.

    Products with only 2 colors work perfectly.
    Products with 3 or more colors sometimes work if each color only has 1–2 additional images.
    When each color has around 5 or more additional variation images, the frontend product page becomes completely blank.

    For example:

    Black → 5 images
    Red → 5 images
    Brown → 5 images

    This causes the product page to become blank.

    However:

    Black → 2 images
    Red → 2 images

    usually works correctly.

    This is why I suspect the issue is related to how WoodMart handles multiple variation galleries with a larger number of images.

    Is this a known issue?
    Is there a limit to the number of additional variation images or color variations?
    Is there a recommended setting or configuration for products with many variation gallery images?
    Could this be a bug in the WoodMart variation gallery or swatches functionality?

    If needed, I can provide:

    WordPress administrator access
    System Status report
    Screenshots and video of the issue

    Thank you for your support.

    #722416

    evansstay3
    Participant

    here are the pics

    Attachments:
    You must be logged in to view attached files.
    #722440

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I can check and give you a possible solution.

    Best Regards

    #722441

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I can check and give you a possible solution.

    Best Regards

    #722482

    evansstay3
    Participant

    Hi,

    I followed your recommendation and disabled all third-party plugins.

    I found the plugin causing the conflict:

    **WPML String Translation**

    ### Results:

    * With **WPML String Translation disabled**, the product page works correctly.
    * As soon as I activate **WPML String Translation**, the product page becomes blank again.
    * The issue only occurs on variable products using WoodMart’s Additional Variation Images.

    It appears there is a compatibility issue between **WoodMart Additional Variation Images** and **WPML String Translation**.

    Please let me know if there is a known compatibility issue or if there is a recommended configuration or workaround.

    Thank you.

    #722522

    Serg Sokhatskyi
    Keymaster
    Xtemos team

    Hi there,

    Thanks for the detailed report.

    This functionality should work without issues. Please keep all third‑party plugins deactivated (leave only the theme-required plugins active) and share your WordPress admin access via the forum’s Private Content field so we can check the configuration directly and identify what’s causing the blank product page on your site.

    Kind regards,
    XTemos Studio

    #722788

    evansstay3
    Participant

    I followed your instructions and disabled all third party plugins.

    The issue disappears when WPML String Translation is deactivated and returns immediately when WPML String Translation is activated.

    WPML Multilingual CMS and WooCommerce Multilingual remain active without issues.

    The problem only occurs when using Additional Variation Images with multiple images per variation. Products with one or two images sometimes work, but products with around five or more images per variation consistently result in a blank product page.

    Could you please investigate compatibility between WoodMart Additional Variation Images and WPML String Translation?

    Username and password will be in the private content, thank you

    #722816

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Can you please share the FTP access?

    Best Regards.

    #722840

    evansstay3
    Participant

    ok,check the private content please

    #722864

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    We have investigated the issue and confirmed that it is related to the WPML plugin.

    As a temporary workaround, please add the following code snippet to your site. You can add it to the functions.php file of your child theme.

    add_action( 'wp', function() {
    
        $hook_name = 'elementor/frontend/the_content';
    
        global $wp_filter;
    
        if ( isset( $wp_filter[ $hook_name ] ) ) {
            foreach ( $wp_filter[ $hook_name ]->callbacks as $priority => $callbacks ) {
                foreach ( $callbacks as $key => $callback ) {
                    if (
                        is_array( $callback['function'] )
                        && is_object( $callback['function'][0] )
                        && method_exists( $callback['function'][0], 'duplicate_css_class_with_original_id' )
                    ) {
                        $object = $callback['function'][0];
    
                        if ( get_class( $object ) === 'WPML_Elementor_Adjust_Global_Widget_ID' ) {
                            remove_action( $hook_name, [ $object, 'duplicate_css_class_with_original_id' ], $priority );
                        }
                    }
                }
            }
        }
    }, 1000 );

    This snippet should resolve the issue and keep the product page functioning correctly while using WPML.
    Since the conflict originates from WPML functionality, we also recommend contacting the WPML support team and reporting the issue so they can provide an official fix in a future plugin update.
    Best Regards.

    #722867

    evansstay3
    Participant

    Even without adding the code snippet yet, I can see that the issue is currently resolved and the products are loading correctly even with WPML String Translation enabled, . Did you apply any changes or fixes on the site during your investigation?

    #722874

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have not added any code or made any modifications to your site during the investigation.
    I checked your site and noticed that the “Aurette Celestine Dress” product is currently not loading properly.

    Please check this product on your end and confirm whether the issue is still present. If the issue persists, kindly add the code snippet provided earlier and then check how it works.

    Best Regards.

Viewing 12 posts - 1 through 12 (of 12 total)