Add ‘Best Seller’ Icon to WooCommerce Products Easily

Code

<?php
// Hook to add custom CSS for the best seller badge
function wp_dudecom_enqueue_best_seller_styles() {
    wp_enqueue_style( 'wp-dudecom-best-seller-style', get_stylesheet_directory_uri() . '/best-seller-style.css' );
}
add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_best_seller_styles' );

// Function to check if a product is a best seller
function wp_dudecom_is_best_seller( $product_id ) {
    $sales_count = get_post_meta( $product_id, 'total_sales', true );
    $best_seller_threshold = 100; // Define your threshold for best sellers

    return $sales_count >= $best_seller_threshold;
}

// Function to display the best seller badge
function wp_dudecom_display_best_seller_badge() {
    global $product;

    if ( wp_dudecom_is_best_seller( $product->get_id() ) ) {
        echo '<span class="wp-dudecom-best-seller-badge">Best Seller</span>';
    }
}
add_action( 'woocommerce_before_shop_loop_item_title', 'wp_dudecom_display_best_seller_badge', 10 );
add_action( 'woocommerce_before_single_product_summary', 'wp_dudecom_display_best_seller_badge', 10 );

// Add custom CSS for the best seller badge
function wp_dudecom_add_custom_css() {
    ?>
    <style>
        .wp-dudecom-best-seller-badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #ff0000;
            color: #ffffff;
            padding: 5px 10px;
            font-size: 12px;
            font-weight: bold;
            z-index: 10;
            border-radius: 5px;
        }
    </style>
    <?php
}
add_action( 'wp_head', 'wp_dudecom_add_custom_css' );
?>