نمایش تعداد سفارشات جاری ووکامرس در نوار ادمین وردپرس (با استایل سفارشی)

نمایش تعداد سفارشات در حال پردازش ووکامرس در نوار مدیریت وردپرس (با طراحی جذاب)

اگر مدیر یک فروشگاه اینترنتی با ووکامرس هستید، حتماً دوست دارید بتوانید با یک نگاه سریع، تعداد سفارشات در حال پردازش را مشاهده کنید. با استفاده از کد زیر، می‌توانید تعداد سفارشات با وضعیت “در حال انجام” (Processing) را مستقیماً در نوار مدیریت وردپرس نمایش دهید. این قابلیت با یک استایل زیبا و چشم‌نواز طراحی شده است تا دسترسی شما به اطلاعات مهم را سریع‌تر و ساده‌تر کند.

چرا این کد کاربردی است؟

✅ دسترسی سریع: بدون نیاز به ورود به بخش سفارشات، تعداد آنها را در نوار مدیریت ببینید.
✅ تجربه مدیریتی بهتر: پیگیری سفارش‌های فعال به‌صورت لحظه‌ای.
✅ طراحی قابل تنظیم: ظاهر شمارنده را به سلیقه خود تغییر دهید.

---

کد افزودن شمارنده سفارشات به نوار مدیریت

// افزودن آیتم به نوار مدیریت
add_action('admin_bar_menu', 'show_processing_orders_in_admin_bar', 100);
function show_processing_orders_in_admin_bar($wp_admin_bar) {
    if (!current_user_can('manage_woocommerce')) {
        return; // فقط برای مدیران فروشگاه نمایش داده می‌شود
    }

    // دریافت تعداد سفارشات در حال انجام
    $counts = wp_count_posts('shop_order');
    $processing_count = isset($counts->{'wc-processing'}) ? $counts->{'wc-processing'} : 0;

    if ($processing_count > 0) {
        $wp_admin_bar->add_node(array(
            'id' => 'processing_orders',
            'title' => 'سفارشات در حال انجام: <span class="order-count-badge">' . $processing_count . '</span>',
            'href' => admin_url('edit.php?post_type=shop_order&post_status=wc-processing'),
            'meta' => array(
                'title' => 'مشاهده سفارشات در حال انجام',
                'html' => true,
                'class' => 'processing-orders-highlight'
            )
        ));
    }
}

---

استایل سفارشی برای نمایش زیباتر

// افزودن استایل‌های سفارشی به نوار مدیریت
add_action('admin_head', 'custom_admin_bar_styles');
function custom_admin_bar_styles() {
    ?>
    <style>
        #wpadminbar #wp-admin-bar-processing_orders > .ab-item {
            background: #f44336 !important; /* رنگ پس‌زمینه قرمز */
            color: #fff !important;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        #wpadminbar #wp-admin-bar-processing_orders > .ab-item:hover {
            background: #d32f2f !important; /* رنگ هنگام هاور */
        }

        .order-count-badge {
            background-color: #fff;
            color: #f44336;
            border-radius: 50%;
            padding: 4px 10px;
            font-weight: bold;
            display: inline-block;
            min-width: 24px;
            text-align: center;
            line-height: 1;
            font-size: 13px;
            box-shadow: 0 0 0 2px #fff;
        }
    </style>
    <?php
}

---

نکات مهم

🔹 این کد فقط برای کاربرانی با دسترسی manage_woocommerce نمایش داده می‌شود.
🔹 با کلیک روی آن، مستقیماً به لیست سفارشات در حال انجام هدایت می‌شوید.
🔹 می‌توانید رنگ و ظاهر شمارنده را با تغییر کدهای CSS شخصی‌سازی کنید.

---

نحوه استفاده از کد

۱. وارد پیشخوان وردپرس شوید.
۲. از مسیر «نمایش» → «ویرایشگر پوسته»، فایل functions.php را باز کنید.
۳. کدهای بالا را در انتهای فایل قرار داده و ذخیره کنید.

⚠ توجه: قبل از اعمال تغییرات، از سایت خود پشتیبان (Backup) بگیرید یا از چیلد تم استفاده کنید.

با این راه‌حل، مدیریت سفارش‌های فروشگاه شما سریع‌تر و حرفه‌ای‌تر خواهد شد! 🚀