Free ON WEBFLOW.IO DOMAINS
How to disable add to cart button when product is out of stock
Prevent customers from clicking the add to cart button when a product is out of stock by using the sf-out-of-stock combo class to disable mouse events on the button.
Follow the below steps to disable the add to cart button when a product is out of stock.
- Select your Add to Cart Button in the Webflow designer.
- Give it sf-out-of-stock combo class.
- Scroll down in the style panel and set the mouse events to none.
- Remove the sf-out-of-stock combo class and publish.
Shopyflow automatically adds the sf-out-of-stock combo class to the button when the product is out of stock. Since you've already defined the disabled styles under that class, the button becomes unclickable.
No items found.
No items found.
No items found.
Next:
