Sep 3
Out of stock products greyed out
Make the products that have stock 0 (and are not at pre-order) to be greyed out in Shop
Pending
Sep 18, 2024
I have already implemented this before Woodmart included this feature in the latest launch. Take a look my my shop page to get the idea. https://durvient.com/travel-accessories/
Sep 10, 2024
This feature is simply essential and should already exist in a top-notch theme like Woodmart.
I did this via CSS for photos of such products: .woocommerce-page .product.outofstock .woocommerce-product-gallery img, .woocommerce-page .product:has(.price:empty) .woocommerce-product-gallery img, .woocommerce-page .product:not(:has(.price)) .woocommerce-product-gallery img, .woocommerce-grouped-product-list-item.outofstock .woocommerce-grouped-product-list-item__thumbnail img, .single-product-page.product-type-grouped:not(:has(.woocommerce-grouped-product-list-item:not(.outofstock))) .woocommerce-product-gallery img, .products .product.outofstock img, .products .product:has(.price:empty) img, .products .product:not(:has(.price)) img { filter: grayscale(100%) !important; transition: filter 0.3s ease-in-out; } .woocommerce-page .product.instock:has(.price:not(:empty)) .woocommerce-product-gallery img, .woocommerce-grouped-product-list-item:not(.outofstock) .woocommerce-grouped-product-list-item__thumbnail img, .single-product-page.product-type-grouped:has(.woocommerce-grouped-product-list-item:not(.outofstock)) .woocommerce-product-gallery img, .products .product.instock:has(.price:not(:empty)) img { filter: none !important; }