I created a custom template for Woocommerce products page using the Woo Product Blocks.
Even when the product is out of stock, “Add to cart” button still shows “Add to cart”.
Is there any way to disable the button and show “Out of stock” instead when it is sold out?
For example)
https://shuiku.jp/product/firststep2022-05
This product is out of stock but still I can see “Add to cart” and only it shows error message after clicking the button.
I understand you have no options for this switching but I will be happy if you tell me how to control by adding function code or something.
Hello @awato!
Please make sure your product is out of stock in your product list, check this video: https://www.screencast.com/t/JuAdXu9oKbOB
Note that the functionality from Woocommerce is working like this and it is not automatically out of stock there.
Thank you for understanding!
Hello.
Thank you for your reply.
I’m afraid but My question is about single product page.
I checked the stock status and it is “out of stock”.
As this video shows, on the product list page or product category page…the button shows “read more” if the product is out of stock. Like this page below.
https://shuiku.jp/product-category/semminer/semi-firststep
However, when I move to the single product page, the button is still “Add to cart”.
It seems that the functionality from Woocommerce is not working.
Actually, if I turned off the custom template for single product page and used default woocommerce single product page, the button automatically shows “out of stock”.
P.S.
I’m using “Woo Add to Cart” module on the single product custom template.
Hello @awato!
Please refresh the page, delete the cache and try again. When you look in the cart, there should be an error saying that the product is out of stock and you can not buy the product.
In order to avoid misunderstandings, then please provide more information about the issue, screenshots or a video.
A solution for sending a screenshot/video is this:
Download, capture, send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link, paste it here.
Thank you!
Hello.
I attach the image.
What I’m trying to say is that I just want to realize the same action as normal woocommerce add to cart button.
As you mentioned, the error message appears if the product is out of stock after clicking the button. However my opinion is that if the product is out of stock, add to cart button should be disable and I need to tell customers the product is out of stock before clicking the button.
Please check the screenshot.
https://imgur.com/a/YUywz5d
Even if the product is out of stock, add to cart button is still enable and that is different action from normal woocommerce add to cart function.
If I didn’t use the Newspaper custom template, add to cart button is disable when a product is out of stock like this image below.
I just want to do the same thing.
Thank you.
Hello @awato!
We would like to take a look for this and investigate the issue. Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
Thank you!
Hi
OK. I will send email later!
Thank you.
