Hi @rosewongart, I don’t know the “random view” and assume it is part of a third party theme or plugin, but could you try the alternative method (pure CSS) available in Settings > Sold Out Badge for WooCommerce?
Charlie
Hi Charlie!
The ‘randow view’ is through the Woocommerce shop ‘order by’ tab.
I clicked on the pure CSS but it doesn’t show the badge on the catalog page.
But it does indicated sold out on the description in the single product.
Is there something else I can try? I have deleted and reinstalled as well.
Thank you!
Forgot to explain more, the ‘random view’ randomly moves the products around each time your refresh so they are not static.
As I said, the “random view” is not part of WooCommerce so I need more information about your installation. What theme are you using? Can you provide a link where I could see this behaviour?
Charlie
Hi Charlie,
I am using Lay Theme and here is the web shop with the badge on.
If you refresh or open the shop again in a new tab, the products will rearrange.
Thank you!
Rose
Hi @rosewongart,
On your specific theme, the badge needs to have a relative positionning. You can make it work with this custom CSS:
body:not(.single-product) .wcsob_soldout {
position: relative !important;
float: left !important;
}
Paste this code into Appearance > Customize > Additionnal CSS
Hi Charlie,
That worked like a charm! Thank you so much for helping me!
The badge is great.
Have a nice rest of your week.
Rose
