Can this plugin override the existing out of stock badge that comes with the Oce

Probably, did you try yourself?

If Oceanwp theme uses the standard way to display their badge, it should work.

Keep me posted!

Charlie

Cool thanks, I will try and get back to you. Do you have more info on the “standard way to display their badge”, because I’m also using the Neve theme for another site and the badge doesn’t even show up as an option in the customizer. So I’m wondering if the badge a function of Woocommerce or the theme?

By “standard way” I meant if the same WooCommerce hooks as my plugin are used.

As far as I know, “Sale” badge is WooCommerce native, but not “Out of stock” one. A lot of themes offers this option though.

I just tested it with Neve theme, and it works fine.

Hi there, yes, it works with my other site on Astra but not OceanWP.
Do you know why that might be? I’ve attached 2 photos – one with Astra working and one with OCeanWP not working (but have this plugin installed).

https://ibb.co/23dCdSb
https://ibb.co/5LQNtwv

Hi, with OceanWP theme, you’ll need to add this Additionnal CSS to make it work:

.wcsob_soldout {
    z-index: 6;
}

Ans if you want to hide the “Out of stock” badge from OceanWP, you’ll need to add this:

.woocommerce ul.products li.product.outofstock .outofstock-badge {
    display: none;
}

Cheers,

Charlie

Right now the plugin is on the top left corner. But how would I move the badge to the top right with CSS?

My code currently:
.wcsob_soldout {
border-radius: 100%;
height: 24px;
width: 24px;
padding: 0px;
color: rgba(0, 0, 0, 0.0);
z-index: 6;
}

-Nicole