disable/hide product image overlay showing out of stock

  • Resolved aristosv

    (@aristosv)


    4 years, 3 months ago

    For some reason there’s an “OUT OF STOCK” overlay over the product images. It’s a variable product and not all the variations are out of stock, but even if they were, I don’t want that overlay appearing over the images.

    I tried these 2 options in custom css, but they don’t work.
    .stock.out-of-stock {display: none !important; }
    .woocommerce-page .out-of-stock { display: none !important; }

    Here you can see the issue
    https://electrovape.eu/product-category/e-liquids/liberty-vipes-crazy-vipes/

    How can I disable the image overlay showing “OUT OF STOCK”?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey @aristosv

    Make sure that you have checked the “Hide out of stock items from the catalog” option under the WooCommerce > Settings > Products > Inventory.

    https://prnt.sc/u2153b

    Alternatively you could use this css snippet too

    .woocommerce ul.products li.product .ast-shop-product-out-of-stock, .woocommerce-page ul.products li.product .ast-shop-product-out-of-stock {
    display: none!important;
}

    Let me know if this helps.
    Cheers ??

    • This reply was modified 4 years, 3 months ago by WP Native.
    Thread Starter aristosv

    (@aristosv)

    yes, the css code did exactly what I needed. thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘disable/hide product image overlay showing out of stock’ is closed to new replies.