Charlie Etienne

Yes you’re right, do that in Photoshop, that’s the way the pro do it.

(Or just paste the given snippet. It won’t break your site.)

Oh and I didn’t beg for a better note. Do whatever you want. I’m just saying that people like you make internet a bad place.

Hi, sorry for the delay.

It seems your theme lacks the right hooks, but you could try to use alternate mode in the plugin settings (pure css) or even add you’re own css and remove the plugin. (see this part of the docs for that)

First of all, it isn’t compatible with WooCommerce blocks (gutenberg blocks) due to limitations on their side. They are currently rewriting their blocks to let developers hook their plugins, but it takes time. If it is your case there are no workarounds. (and you won’t find any plugin that could do that because the block lacks php hooks as well as css classes allowing to target out of stock products)

If you’re not using Woocomerce gutenberg blocks, the badge could work with almost every theme if it’s written like it should be.
You can actually do it in pure css without my plugin.
See this section of the docs for that.

you’re the first among 99?438 installs. Come on.
I would have been happy to help…

Hi, did you try to ask for help before giving a one star vote?

Obviously other folks are pretty happy with this plugin…

Glad you found the way to fix it!

Maybe try to add it in your functions.php :

add_filter( 'wcsob_soldout', function($content, $post, $product){
    return '<span class="wcsob_soldout">' . __('Sold out','sold-out-badge-for-woocommerce') . '</span>';
});

I hope WPML will get it…

Hi, I don’t use WPML myself, so it’s hard to know what the problem is. I thought my plugin was compatible since 4.2.0 but maybe not…
Does WPML have a way to scan plugins for translatable strings?

Hi, for now, it’s impossible to work with WooCommerce blocks, due to limitations on their side… I tried different ways but without success.

Hi, it should work but it is designed to replace out of stock badge. If you used to have a badge before installing my plugin, it is maybe a conflict. Anyway, you could try to go in settings > Sold Out Badge and set the colors you want

Hi @danish1990, try to adjust z-index.

PS: Next time, please open a new issue, it’ll be easier to follow ??

Hi @migomarketing ,

you could achieve this with some custom code:

In the plugin settings, configure the badge for your first case:
OUT OF STOCK – 1 Red badge that says “Special Order”

Make sure you choose both options for the select named “behaviour” (Display on out of stock products AND Display on available on backorder products)

Add this snippet to your child theme’s functions.php:

add_filter('wcsob_soldout', function($badge_html, $post, $product) {
	if($product->is_on_backorder()){
		$badge_html = '<span class="wcsob_soldout wcsob_backorder">Limited Quantity</span>';
		$badge_html .= '<style>.wcsob_soldout.wcsob_backorder{background:yellow;}</style>';
	}
	return $badge_html;
}, 10, 3);

Cheers,

Charlie

In this case I think the parent div has an overflow:hidden property.

If you know a bit of css you could try to override this property. (But you should expect side effects!)

Without a link to your page I won’t be able to help you more.

Charlie

Hi @davidjs and @ines-graphiste ,

I tried to implement it but the way Elementor writes its own code is not exactly meant to be customized or hacked – to be more explicit, a lot of new features methods are private methods, making it impossible to call it from another plugin unless redefining it. The main problem of redefining methods in my own code is I’m not able to maintain my plugin as Elementor grows up and evolves. The more I overwrite Elementor methods the more it risks to break the site. I don’t want to be responsible to break Elementor on each updates itself on user websites. The purpose was to improve Elementor, not to break it.

So, sorry but at this time I don’t plan to make this work.

Cheers,

Charlie

Hi @wand4 , I just pushed a new version. It fixes the fatal error in categories, as well as tooltip overlap issues (in most cases).

Please update and let me know if everything works as expected!

If the tooltip is still hidden behind the image, try to paste this custom CSS in Customizer:

[aria-label][role~="tooltip"]::before,
[aria-label][role~="tooltip"]::after {
    z-index: 999999999999;
}

Please note it may not work in some cases…

Cheers,

Charlie