Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/amirheydaripourodin1133/custom-wc-pro-dashboard/archive/refs/heads/main.zip🛒 Custom WooCommerce Pro Dashboard
پنل کاربری اختصاصی، مدرن و ۱۰۰٪ استاندارد ووکامرس (My Account)
سایدبار ثابت در تمام صفحات • محتوای داینامیک بر پایه‌ی Endpointهای رسمی ووکامرس • بدون هیچ وابستگی به AJAX • طراحی کامل RTL
🏠 خانه‌ی افزونه • 🐛 گزارش باگ / پیشنهاد • 🌐 وب‌سایت توسعه‌دهنده
📖 معرفی
Custom WooCommerce Pro Dashboard صفحه‌ی حساب کاربری (My Account) ووکامرس را با ظاهری مدرن، تمیز و کاملاً راست‌چین جایگزین می‌کند؛ بدون دستکاری منطق استاندارد ووکامرس.
برخلاف پنل‌های AJAXمحور، معماری این افزونه دقیقاً شبیه هسته‌ی ووکامرس است: هر تب یک Endpoint مستقل با URL اختصاصی دارد، سایدبار در تمام صفحات ثابت می‌ماند و فقط محتوای داخل صفحه تغییر می‌کند. نتیجه: سازگاری کامل با افزونه‌های ووکامرس، تجربه‌ی کاربری روان و ساختاری تمیز و قابل توسعه.
✨ ویژگی‌ها
🏗 معماری
- ۱۰۰٪ استاندارد بر اساس Endpointهای رسمی ووکامرس — هر تب یک URL مستقل
- سایدبار ثابت (Sticky) در تمام صفحات حساب کاربری — فقط محتوای داخلی عوض می‌شود
- بدون AJAX — همه‌ی فرم‌ها، صفحه‌بندی و اعلان‌ها با هندلر بومی ووکامرس (POST امن + nonce)
- جایگزینی تمیز تمپلیت‌ها از طریق
woocommerce_locate_template— بدون هک هسته
📊 پیشخوان کاربر
- کارت‌های آماری: مجموع خرید، تعداد سفارشات، در انتظار پرداخت، روزهای همراهی
- انیمیشن شمارنده برای اعداد آماری
- چارت‌های Chart.js: روند خرید ۶ ماه گذشته + وضعیت سفارشات (Donut)
- سلام و خوش‌آمدگویی اختصاصی به کاربر 👋
- کش هوشمند آمار (Transient — ۱۰ دقیقه) برای پرفورمنس بهتر
🛒 مدیریت سفارش‌ها
- فهرست سفارش‌ها با صفحه‌بندی استاندارد ووکامرس
- صفحه‌ی مستقل «جزییات سفارش» با استایل اختصاصی (به‌جای مودال AJAX)
- تب اختصاصی «در انتظار پرداخت» با بج تعداد سفارش‌های معلق
- مدیریت فایل‌های دانلودی، نشانی‌ها و روش‌های پرداخت
👤 حساب کاربری
- فرم ویرایش اطلاعات حساب و نشانی با فرم بومی ووکامرس (کاملاً امن)
- منوی حساب با آیکون‌های SVG اختصاصی برای هر تب
- کارت پروفایل کاربر (آواتار، نام، ایمیل) در سایدبار
- آیتم خروج از حساب با جداکننده و هاور اختصاصی + حلقه فوکوس (Accessibility)
🎨 ظاهر
- طراحی کامل RTL با تایپوگرافی تمیز
- رنگ اصلی:
#9F1C31— قابل تغییر از یک متغیر CSS - انیمیشن‌ها و سایه‌های نرم، گوشه‌های گرد و کارت‌های مدرن
🗂 تب‌ها و Endpointها
| تب | Endpoint | توضیح |
|---|---|---|
| 🏠 پیشخوان | dashboard |
آمار و چارت‌های اختصاصی کاربر |
| 🛒 سفارش‌ها | orders |
فهرست سفارش‌ها + صفحه‌بندی استاندارد |
| ⏳ در انتظار پرداخت | pending-orders |
اختصاصی افزونه — با بج تعداد |
| 📄 جزییات سفارش | view-order/{id} |
استایل اختصاصی، بدون مودال AJAX |
| ⬇️ دانلودها | downloads |
فایل‌های قابل دانلود کاربر |
| 📍 نشانی‌ها | edit-address |
نشانی صورتحساب و ارسال |
| 💳 روش‌های پرداخت | payment-methods |
مدیریت روش‌های پرداخت |
| 👤 جزئیات حساب | edit-account |
نام، ایمیل و رمز عبور |
| 🚪 خروج | customer-logout |
جداکننده و هاور اختصاصی |
📦 پیش‌نیازها
| مورد | حداقل نسخه |
|---|---|
| وردپرس | 5.8 |
| ووکامرس | باید فعال باشد |
| تست‌شده تا | وردپرس 6.7 |
📥 نصب
- پوشه‌ی افزونه را در مسیر
wp-content/plugins/قرار دهید (یا فایل ZIP را از بخش افزونه‌ها ← افزودن آپلود کنید). - افزونه را فعال کنید — صفحه‌ی My Account ووکامرس به‌صورت خودکار با تمپلیت‌های اختصاصی افزونه جایگزین می‌شود.
- تمام! نیازی به تنظیمات نیست. ✅
🚀 استفاده
روش ۱: صفحه‌ی My Account ووکامرس (پیشنهادی)
کافیست افزونه فعال باشد؛ تمام تمپلیت‌های حساب کاربری (پیشخوان، سفارش‌ها، جزییات سفارش، دانلودها، ویرایش حساب، نشانی‌ها) استایل اختصاصی می‌گیرند اما منطق فرم‌ها همان هندلر بومی ووکامرس است.
روش ۲: شورت‌کد
صفحه‌ی جدیدی بسازید و شورت‌کد زیر را قرار دهید (معادل [woocommerce_my_account]):
[modern_user_panel]🎨 شخصی‌سازی رنگ اصلی
رنگ اصلی افزونه از یک متغیر CSS خوانده می‌شود؛ برای تغییر رنگ برند، فایل assets/css/dashboard.css را باز کنید:
:root {
--cwd-primary: #9F1C31; /* رنگ دلخواه خود را اینجا بگذارید */
}🔄 تاریخچه‌ی نسخه‌ها
- 3.0.1 — رفع مشکل نمایش آیکون‌های منو، طراحی تمیزتر سایدبار (بج در انتهای آیتم، حالت فعال با سایه)، جداکننده و هاور اختصاصی آیتم خروج + حلقه فوکوس (a11y)
- 3.0.0 — بازنویسی کامل و حذف تمام AJAXها، معماری Endpointمحور دقیقاً مثل ووکامرس پیش‌فرض، سایدبار ثابت، استایل اختصاصی جزییات سفارش، فرم‌های بومی ووکامرس
- 2.1.x — نسخه‌های قبلی (معماری تب‌محور AJAX)
فهرست کامل تغییرات در
readme.txtموجود است.
👨💻 توسعه‌دهنده
|
Amir Heydaripour توسعه‌دهنده‌ی وردپرس و ووکامرس 🌐 وب‌سایت شخصی — wp-amir.ir 💻 گیت‌هاب |
اگر این افزونه برایتان مفید بود، ⭐️ به ریپازیتوری ستاره بدهید! 🙌
🏬 استفاده شده در
این افزونه به‌صورت واقعی و در محیط تولیدی در فروشگاه اینترنتی مسترسرام (کاشی، سرامیک و پوشش‌های ساختمانی) استفاده می‌شود:
🛍️ فروشگاه اینترنتی مسترسرام — mrceram.com
📄 مجوز
این پروژه تحت مجوز GPLv2 یا بالاتر منتشر شده است — مشابه وردپرس.
License URI: https://www.gnu.org/licenses/gpl-2.0.html
ساخته شده با ❤️ توسط Amir Heydaripour برای جامعه‌ی وردپرس فارسی