Add Inventory Counter to WooCommerce Product Page

Code

// Add inventory counter to WooCommerce product page

function wp_dudecom_display_stock_quantity() {
    global $product;

    if ( ! $product->is_in_stock() ) {
        return;
    }

    $stock_quantity = $product->get_stock_quantity();

    if ( $stock_quantity > 0 ) {
        echo '<p class="stock in-stock">' . sprintf( __( 'In stock: %s', 'woocommerce' ), $stock_quantity ) . '</p>';
    } else {
        echo '<p class="stock out-of-stock">' . __( 'Out of stock', 'woocommerce' ) . '</p>';
    }
}

add_action( 'woocommerce_single_product_summary', 'wp_dudecom_display_stock_quantity', 20 );

// Ensure the function is only executed on single product pages
function wp_dudecom_enqueue_stock_quantity_script() {
    if ( is_product() ) {
        wp_enqueue_script( 'wp-dudecom-stock-quantity', get_template_directory_uri() . '/js/stock-quantity.js', array( 'jquery' ), null, true );
    }
}

add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_stock_quantity_script' );

// Security best practices: Ensure the function is only executed in the WooCommerce context
function wp_dudecom_check_woocommerce_active() {
    if ( ! class_exists( 'WooCommerce' ) ) {
        return;
    }

    add_action( 'woocommerce_single_product_summary', 'wp_dudecom_display_stock_quantity', 20 );
}

add_action( 'init', 'wp_dudecom_check_woocommerce_active' );