Issue with Customizing Add to Cart Button for Backorder Products
- This topic has 1 reply, 2 voices, and was last updated 4 months, 3 weeks ago by
.
-
Posts
-
Hello Woodmart Support Team,
I am trying to customize the shop grid buttons for products that are set to ‘Allow, but notify customer’ (backorders) in WooCommerce.
My goal is to change the button text from ‘Add to cart’ to ‘Preorder’ (Precomandă) and disable the ‘hover replace’ (flip) effect specifically for these items.
Additionally, I want to emphasize that I specifically need to prevent the ‘Add to Cart’ functionality in the shop grid for these products. Currently, the button allows customers to add the item directly to their cart and checkout, which I want to avoid. I need them to go to the single product page first.
I have already created a custom layout for the single product page that works perfectly. However, in the shop grid, if I don’t set the product to ‘Backorder’, it shows ‘Out of stock’ (Stoc epuizat), which is misleading for my customers who expect to be able to pre-order. I need a solution that displays ‘Preorder’ but doesn’t allow a direct ‘Add to cart’ from the category archive.
I have already tried using the .backorder-allowed class in Custom CSS and various PHP filters, but the theme’s AJAX or JS seems to override the text back to ‘Add to cart’ or ‘Read more’.
Specifically:
When a product is out of stock but allowed for backorder, I want the button to stay static (no flip to cart icon) and show ‘Preorder’, not to add to cart or something else…
I would like to know if there is a specific Woodmart JS trigger or a ‘Theme Setting’ I missed that handles the button text for products in backorder.
Could you please advise on the best way to achieve this without affecting the ‘Add to cart’ text for regular in-stock products?
Thank you!
