Display form when variation is out of stock

Hello,
I’m building a woocommerce shop with both simple and variable products and I’m using the attributes swatches.

I want to display a contact form when a product variation is out of stock. Now, I have created the basic login for that, but Id like the disabled swarches (the out of stock ones) to be clicked and change the variations form, just like the enabled ones.
How could I do that?

Thank you in advance.

Hello,

Navigate to WooCommerce > Settings > Products > Inventory, and disable the option “Out of stock visibility” (Hide out of stock items from the catalog).

Once this option is disabled, the out-of-stock variations will no longer be fully restricted, and their swatches can become selectable/clickable instead of being completely disabled.

Regarding show contact form for out of stock variations, Sorry, but there is no direct option in Theme Settings available for that. It requires customizations and this is beyond our limitations and support policy.

Best Regards

Hello,
Thank you for your reply.
I was thinking of adding the waitlist (I just realized its existence).

I have two issues though.

First, I enable the waitlist but I don’t see any waitlist option in the produxt page.
Secondly, I have disabled the Hide out of stock products, but the swatches are still disabled and unclickable.

Just to let you know, I’m using Elementor for the single product page.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hi, I’m having another issue as well.

We updated the plugins and theme and now, the color swatches don’t change the product photo in the product archive page.

Could you please help me out with this as well?

Thank you in advance.

Hello,

You have missed the admin login URL. Can you please share the WP admin login URL in the private area so I can check and give you a possible solution?

Best Regards.

Oh what a fool.
I’m so sorry for that.

By the way, a quick update on the sawtceghs issue, I noticed the problem occurs when I select “Quick shop” type
On “Select options” click in theme options.

Hello again,
I’m really sorry but just noticed the waitlist form works as expected.
I got confused because when there is a variation that doesn’t exist (eg Red – Medium), Medium swatch is displayed as unclickable.

So, this works fine. Just I’d like to hide the add to cart button wgen the variation is not avaulable, if taht is possible.

Thank you in advance and I’m really sorry for the confusion.

Hello,

By default, WooCommerce disables the Add to Cart button when a variation is unavailable, but it still remains visible.
If you want to completely hide the button when the variation is out of stock, try to add the following custom css code in Theme Settings > Custom CSS.

.woocommerce-variation-add-to-cart-disabled { 
    display:none !important; 
}

Best Regards

Hello,
Thank you for your answer.

Did check the other issue with the swatches not changing tge product image in the product archive page?
I have noticed the problem occurs when I select “Quick shop” type On “Select options” click in theme options.

Hello,
I found the solution. It was the child theme files that needed to be updated too.
I manually made the changes to the file and the swatches worked as exoected.

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.

Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts