If you’re managing an e-commerce website, it’s crucial to offer a seamless shopping experience for your customers. One way to enhance this experience is by hiding out-of-stock items from product shortcodes. This ensures that customers only see products that are available for purchase, thereby streamlining their browsing and decision-making process. Not only does this reduce potential frustration for the customer, but it also makes inventory management more straightforward for the business. By implementing this feature, you can maintain a cleaner, more efficient product display, which can ultimately contribute to higher conversion rates and improved customer satisfaction.
Add this to you functions.php
add_filter( 'woocommerce_shortcode_products_query', function ( $query_args, $atts, $loop ) {
if ( str_contains( $atts['class'], 'hide-out-of-stock' ) ) {
$query_args['meta_query'] = [
[
'key' => '_stock_status',
'value' => 'outofstock',
'compare' => 'NOT LIKE',
]
];
}
return $query_args;
}, 10, 3 );
This will only be applied if the [products] block has a class set. Ex;
[products limit="4" class="hide-out-of-stock your-other-classes" category="extras" orderby="rand"]
