ورود و عضویت
0
سبد خرید شما خالی است

افزودن قابلیت جستجو به دسته‌بندی‌های محصولات ووکامرس بدون نیاز به افزونه

آموزش طراحی سایت, آموزش و پژوهش, دسته‌بندی نشده, کدنویسی miladcom 25 اردیبهشت 1404

افزودن جستجو به دسته‌بندی‌های محصولات ووکامرس

🎯 چرا باید قابلیت جستجو به دسته‌بندی‌های محصول اضافه کنیم؟

اگر با یک فروشگاه ووکامرسی بزرگ کار می‌کنید، احتمالاً در هنگام افزودن یا ویرایش محصولات، با لیستی طولانی از دسته‌بندی‌ها روبرو می‌شوید. گشتن میان این لیست برای یافتن یک دسته خاص، کاری خسته‌کننده و زمان‌بر است.

افزودن یک فیلد جستجوی ساده در بالای لیست دسته‌ها، می‌تواند به طرز چشم‌گیری این فرایند را سریع‌تر، دقیق‌تر و دلپذیرتر کند. این تغییر کوچک باعث کاهش خطا و افزایش بهره‌وری تیم تولید محتوا یا مدیریت فروشگاه خواهد شد.

⚙️ آموزش افزودن فیلد جستجو به متاباکس دسته‌بندی محصول (بدون افزونه)

برای اجرای این قابلیت، نیازی به نصب هیچ پلاگینی ندارید. تنها کافیست اسنیپت زیر را در فایل functions.php قالب فرزند خود یا در یک افزونه اختصاصی قرار دهید:

 



/**
 * @snippet       Product Category Search Box
 * @how-to        Get free snippets at ostadno.com
 * @author        Masoud Aroodipoor
 */
function custom_admin_product_category_search_box() {
    $screen = get_current_screen();
    if ( $screen && $screen->post_type === 'product' ) {
        ?>
        
        
            document.addEventListener('DOMContentLoaded', function () {
                const categoryBox = document.querySelector('#product_cat-all');
                if (!categoryBox) return;
                const searchInput = document.createElement('input');
                searchInput.type = 'text';
                searchInput.placeholder = 'جستجو...';
                searchInput.style.width = '100%';
                searchInput.style.marginBottom = '8px';
                categoryBox.prepend(searchInput);
                searchInput.addEventListener('input', function () {
                    const filter = this.value.toLowerCase();
                    const items = categoryBox.querySelectorAll('li');
                    items.forEach(function (item) {
                        const label = item.textContent.toLowerCase();
                        item.style.display = label.includes(filter) ? '' : 'none';
                    });
                });
            });
        
        

📌 ویژگی‌های این کد چیست؟

  • فقط در صفحات ویرایش یا افزودن محصولات ووکامرس اجرا می‌شود.

  • یک فیلد جستجوی زنده (live search) به لیست دسته‌بندی‌ها اضافه می‌کند.

  • تداخلی با سایر افزونه‌ها یا عملکرد پیش‌فرض وردپرس ندارد.

  • سرعت بارگذاری را کند نمی‌کند و کاملاً سبک است.

  • قابلیت شخصی‌سازی بالا برای توسعه‌دهندگان حرفه‌ای دارد.






🚀 ایده‌هایی برای توسعه بیشتر

اگر برنامه‌نویس هستید یا با یک تیم توسعه همکاری می‌کنید، می‌توانید این قابلیت را گسترش دهید:

  • نمایش فقط دسته‌های مادر (Parent)

  • مخفی کردن فیلد برای نقش‌های خاص مثل نویسنده یا همکار فروش

  • تغییر ظاهر فیلد جستجو برای هماهنگی بیشتر با پنل مدیریت وردپرس


✅ جمع‌بندی

افزودن فیلد جستجوی زنده به متاباکس دسته‌بندی محصولات ووکامرس، یک راهکار ساده و مؤثر برای بهینه‌سازی مدیریت فروشگاه است. با اجرای این اسنیپت، تجربه مدیریت محصولات راحت‌تر و سریع‌تر می‌شود. اگر با حجم بالای دسته‌بندی سر و کار دارید، این ابزار کوچک می‌تواند بازدهی شما را چند برابر کند.


📎 پیشنهاد ویژه:

برای دریافت کدهای بیشتر، ترفندهای کاربردی و آموزش‌های ویژه در زمینه ووکامرس و وردپرس، حتماً وبلاگ ما را دنبال کنید. ما همیشه تلاش می‌کنیم ابزارهایی حرفه‌ای اما سبک، ساده و قابل‌سفارشی‌سازی برای شما فراهم کنیم.

عکس آواتار

miladcom

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب مرتبط

TR
preloader