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-woocommerce-modern-notices/archive/refs/heads/main.zip🛒 Custom WooCommerce Modern Toast Notices
سیستم اعلانهای توست مدرن، سریع و زیبا برای تمامی رویدادها، خطاها و افزودن به سبد خرید ووکامرس
جایگزینی اعلانهای پیشفرض ووکامرس با توستهای شیک Toastify • بدون AJAX اضافی • طراحی کامل RTL
🏠 خانهی افزونه • 🐛 گزارش باگ / پیشنهاد • 🌐 وبسایت توسعهدهنده
📖 معرفی
Custom WooCommerce Modern Toast Notices اعلانهای پیشفرض و زشت ووکامرس را با توستهای مدرن، سریع و حرفهای جایگزین میکند؛ بدون دستکاری هسته ووکامرس و بدون نیاز به تنظیمات پیچیده.
برخلاف روشهای سنتی، این افزونه با استفاده از کتابخانه Toastify، رویدادهای مختلف ووکامرس (افزودن به سبد خرید، خطاهای تسویه حساب، کپون، بهروزرسانی سبد و ...) را تشخیص داده و پیامهای راستچین، زیبا و قابل اعتماد نمایش میدهد.
✨ ویژگیها
🎨 ظاهر و تجربه کاربری
- طراحی کامل RTL با تایپوگرافی تمیز و راستچین بودن تمام متنها
- جایگزینی خودکار اعلانهای پیشفرض ووکامرس با توستهای Toastify
- نوار رنگی عمودی سمت راست بر اساس نوع اعلان (موفقیت، خطا، اطلاعات)
- پروگرسبار زمان اتمام توست با قابلیت توقف موقت روی هاور
- آیکونهای SVG اختصاصی برای هر نوع اعلان
- دکمه اکشن اختصاصی در توست (مثل «مشاهده سبد خرید»)
⚡ عملکرد
- بدون AJAX اضافی — فقط از رویدادهای بومی ووکامرس استفاده میشود
- مکانیزم Debounce و جلوگیری از تکرار توستهای تکراری در کمتر از ۱.۵ ثانیه
- پشتیبانی از WooCommerce سنتی (jQuery Events) و WooCommerce Blocks
- پشتیبانی از رویدادهای:
added_to_cart،applied_coupon_in_checkout،removed_coupon_in_checkout،checkout_error،update_checkout،wc-blocks_added_to_cart - استخراج هوشمند نام محصول از دکمههای افزودن به سبد برای پیامهای شفافتر
- پشتیبانی از MutationObserver برای هندل خطاهای ایجکسی نامتقارن
🔧 سفارشیسازی
- کانفیگ کامل از طریق
wp_localize_script(URL سبد، متن دکمه، پیامهای سفارشی، مدت زمان نمایش) - متغیرهای CSS برای تغییر رنگهای تمبندی (موفقیت، خطا، اطلاعات)
- فایلهای استاتیک (CSS و JS) به صورت لوکال بارگذاری میشوند
🗂 انواع اعلانها
| نوع | توضیح | رنگ |
|---|---|---|
| ✅ موفقیت | success |
سبز |
| ❌ خطا | error |
قرمز |
| ℹ️ اطلاعات | info |
آبی |
📦 پیشنیازها
| مورد | حداقل نسخه |
|---|---|
| وردپرس | 5.8 |
| ووکامرس | باید فعال باشد |
| تستشده تا | وردپرس 6.7 |
📥 نصب
- پوشهی افزونه را در مسیر
wp-content/plugins/قرار دهید (یا فایل ZIP را از بخش افزونهها ← افزودن آپلود کنید). - افزونه را فعال کنید — توستهای مدرن بهصورت خودکار جایگزین اعلانهای پیشفرض ووکامرس میشوند.
- تمام! نیازی به تنظیمات نیست. ✅
🚀 استفاده
خودکار (پیشنهادی)
کافیست افزونه فعال باشد؛ تمام رویدادهای ووکامرس (افزودن به سبد خرید، خطاهای فرم، بهروزرسانی سبد و ...) بهصورت خودکار در قالب توستهای مدرن نمایش داده میشوند.
سفارشیسازی پیامها
برای تغییر پیامهای پیشفرض یا تنظیم URL سبد خرید، از فیلتر cwd_toast_config استفاده کنید:
add_filter( 'cwd_toast_config', function( $config ) {
$config['addedSimple'] = __( 'محصول با موفقیت به سبد اضافه شد.', 'custom-wc-toast' );
$config['addedProduct'] = __( '«%s» به سبد خرید اضافه شد.', 'custom-wc-toast' );
$config['cartUrl'] = wc_get_cart_url();
$config['cartText'] = __( 'مشاهده سبد خرید', 'custom-wc-toast' );
$config['duration'] = 5000; // میلیثانیه
return $config;
});
🎨 شخصیسازی رنگها
رنگهای تمبندی توست از متغیرهای CSS خوانده میشوند؛ برای تغییر رنگ، فایل assets/css/wc-toast.css را باز کنید:
:root {
--cwd-toast-success: #388E3C;
--cwd-toast-error: #9F1C31;
--cwd-toast-info: #1565C0;
--cwd-toast-bg: rgba(22, 8, 8, 0.781);
--cwd-toast-radius: 12px 0 0 12px;
}
📦 فایلهای ships
| فایل | توضیح |
|---|---|
custom-wc-toast-notices.php |
فایل اصلی و هندلر اصلی افزونه |
assets/css/toastify.min.css |
استایلهای کتابخانه Toastify (لوکال) |
assets/css/wc-toast.css |
استایلهای سفارشی افزونه |
assets/js/toastify.min.js |
اسکریپت کتابخانه Toastify (لوکال) |
assets/js/wc-toast.js |
موتور اصلی نمایش توستها |
🔄 تاریخچهی نسخهها
- 1.0.1 — نسخه اولیه پایدار با پشتیبانی از WooCommerce Blocks و MutationObserver
- 1.0.0 — نسخه اولیه انتشار
فهرست کامل تغییرات در
readme.txtموجود است.
👨💻 توسعهدهنده
|
Amir Heydaripour توسعهدهندهی وردپرس و ووکامرس 🌐 وبسایت شخصی — wp-amir.ir 💻 گیتهاب |
اگر این افزونه برایتان مفید بود، ⭐️ به ریپازیتوری ستاره بدهید! 🙌
🏬 استفاده شده در
این افزونه بهصورت واقعی و در محیط تولیدی در فروشگاه اینترنتی مسترسرام (کاشی، سرامیک و پوششهای ساختمانی) استفاده میشود:
🛍️ فروشگاه اینترنتی مسترسرام — mrceram.com
📄 مجوز
این پروژه تحت مجوز GPLv2 یا بالاتر منتشر شده است — مشابه وردپرس.
License URI: https://www.gnu.org/licenses/gpl-2.0.html
ساخته شده با ❤️ توسط Amir Heydaripour برای جامعهی وردپرس فارسی