How can i Show ony Instock Products

Hey, got a flashback, the stock statut is declared in the css class of grid items.

So you can hide out-of-stock products with simple .css if you really want :

.product-grid-item.outofstock {
display: none; }

Best regards.

There is no effect, it is just going to hide your product in the loop so.

To mention, Your product pages are still available, so there is no problem with SEO.

To go deeper : maybe only if you end with empty Categories it could be a problem for google (if all your products from a catgory are out of stock then it will show a blank loop). And yes this is not good, so care about that.

Best regards

After thought, my solution is maybe not the best because :

1/ If you use ajax filter it will still showing attributes of the out of stock products. So you could end up with empty loop… And this is not good.
2/ It is still gonna rendering html so that is definitly not the best way for performance.

So I think you have only 2 viable solutions:

1/ Use the Woocommerce option to hide out of stock products.

2/ What we’ve done :

– Showing OOS product last in loop
– Grey out out-of-stock product with CSS
– Adding Back-in-stock notification. Making your out-of-stock product pages still OK to use, and SEO friendly!

we cannot use the woocommerce option “Hide out of stock items” because it is bad for the SEO

If you could explain what you’ve read about that? Im curious In which way hiding out of stock product is bad for SEO as the product pages are still available to crawl from google?

Ps : Dropping here some advices for handle SEO and out-of-stock products (Screenshot, Source: Yoast)

• This reply was modified 2 years, 5 months ago by loptix.

Upload problem, here are advices.

Hello,

Thanks for your collaboration with each other.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards