Variation selection issue – Product Detail Page (Add to Cart + Variations hidden)

This topic has 7 replies, 3 voices, and was last updated 2 months, 4 weeks ago ago by Siddharth

  • Avatar: Siddharth
    Siddharth
    Participant
    August 19, 2025 at 11:41

    Hello XStore Support Team,

    I am facing an issue on the product detail page with variable products:

    Steps to reproduce:

    Open a variable product with multiple attributes (e.g., Color + Capacity).

    Select a color (e.g., White).

    Select a capacity (e.g., 20000 Ltr) which is out of stock.

    The Add to Cart button is correctly hidden, but at the same time, all other variation options (dropdowns/selectors) also disappear.

    The only way to select another variation is to refresh the page.

    Expected behavior:

    If a variation is out of stock, WooCommerce normally hides the Add to Cart button but should still allow the customer to choose another variation without refreshing.

    Actual behavior:

    When an out-of-stock variation is selected, the Add to Cart button and all variation selectors disappear, forcing the customer to reload the page.

    Could you please help fix this issue? It seems like a JS/variation handling bug in the single product page template.

    Thank you.

    6 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    August 19, 2025 at 11:59

    Hello,

    Thank you for reaching out to us.

    To assist you more effectively, we kindly ask you to record a video demonstrating the issue, including the steps that lead to it. Additionally, please provide a link to the product in question so we can better understand and replicate the problem on our end.

    You may upload the video to a file-sharing service such as https://fex.net/ and share the download link with us.

    Kindly ensure that no third-party plugins or custom code in your child theme are affecting the behavior you are reporting.

    Warm Regards,
    The 8Theme Team

    Avatar: Siddharth
    Siddharth
    Participant
    August 20, 2025 at 04:54

    Hi

    Please check private content area i have paste the link of video that clearly say out of stock product then cant select other variation u can set stock 0 to check from your end of this product

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 20, 2025 at 08:16

    Hello @Siddharth,

    I hope this message finds you well.

    Could you kindly provide us with the correct URL for the product in question? We have tested the product shown in your video (please see the screenshot here: https://gyazo.com/3d0d58ee3d6e39cc6de75858717c260a) and did not encounter any issues on our end.

    We appreciate your assistance and look forward to your response.

    Best regards,
    The 8Theme Team

    Avatar: Siddharth
    Siddharth
    Participant
    August 20, 2025 at 09:18

    Thank you for checking this. Could you please try one more test to replicate the issue?

    👉 Kindly set the stock of the 6000 Ltr variation to 0 (out of stock) and then check the product page.
    When this happens, you should notice that the Add to Cart button disappears and all other variations also become unavailable unless the page is refreshed.

    This is exactly the issue we are facing.

    Looking forward to your confirmation.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 20, 2025 at 12:29

    Hello @Siddharth,

    We hope this message finds you well.

    We would like to bring to your attention a custom CSS rule currently applied on your site, as shown in the following screenshot: https://prnt.sc/QzkspxRnJKhg. This rule appears to prevent the variation form from displaying when a product variation is out of stock.

    Please note that this behavior only occurs when the widget contains the #addto-cart ID, which is not present in our theme’s default code. Based on our review of your child theme files (https://prnt.sc/5wWt9QEzKsG8), it seems that some customizations may have been made on your end.

    To further investigate the issue, we recommend testing the functionality with the parent theme activated to determine whether the problem persists. We have also conducted tests in our local environment and were unable to replicate the issue.

    Should you need any further assistance, please do not hesitate to reach out.

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: Siddharth
    Siddharth
    Participant
    September 8, 2025 at 07:43

    Thanks for the support! My topic “Variation selection issue – Product Detail Page (Add to Cart + Variations hidden)” has been successfully resolved.

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Variation selection issue – Product Detail Page (Add to Cart + Variations hidden)’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.