Add Percentage Discount Info Next to WooCommerce Price

Code

<?php
// Add percentage discount next to the promotional price in WooCommerce

// Hook into the WooCommerce single product summary to display the discount percentage
add_action('woocommerce_single_product_summary', 'wp_dudecom_display_discount_percentage', 15);

function wp_dudecom_display_discount_percentage() {
    global $product;

    // Check if the product is on sale
    if ($product->is_on_sale()) {
        // Get the regular and sale prices
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();

        // Calculate the discount percentage
        $discount_percentage = round((($regular_price - $sale_price) / $regular_price) * 100);

        // Display the discount percentage
        if ($discount_percentage > 0) {
            echo '<p class="discount-percentage">Save ' . esc_html($discount_percentage) . '%</p>';
        }
    }
}

// Add custom CSS to style the discount percentage
add_action('wp_head', 'wp_dudecom_add_discount_percentage_styles');

function wp_dudecom_add_discount_percentage_styles() {
    echo '<style>
        .discount-percentage {
            color: #ff0000;
            font-weight: bold;
            margin-top: 10px;
        }
    </style>';
}
?>