Modify Product Price Display on WooCommerce Product Lists

Code

<?php
// Hook into 'woocommerce_get_price_html' to modify the product price display
add_filter('woocommerce_get_price_html', 'wp_dudecom_custom_price_display', 10, 2);

/**
 * Customize the price display for WooCommerce products.
 *
 * @param string $price The original price HTML.
 * @param WC_Product $product The WooCommerce product object.
 * @return string Modified price HTML.
 */
function wp_dudecom_custom_price_display($price, $product) {
    // Check if the product is a variable product
    if ($product->is_type('variable')) {
        // Get the minimum and maximum prices for the variable product
        $min_price = $product->get_variation_price('min', true);
        $max_price = $product->get_variation_price('max', true);

        // Format the price range display
        $price = sprintf(__('From %1$s to %2$s', 'woocommerce'), wc_price($min_price), wc_price($max_price));
    }

    // Return the modified price HTML
    return $price;
}
?>