فیلتر محصولات در ووکامرس با YITH WooCommerce Ajax Product Filter

فیلتر محصولات در ووکامرس به مشتری کمک می‌کند میان محصولات متعدد فروشگاه، گزینه‌های مناسب را براساس رنگ، اندازه، دسته‌بندی یا ویژگی‌های دیگر پیدا کند. اگر کاربر برای یافتن یک کالا مجبور باشد چندین صفحه را بررسی کند، تجربه خرید دشوار می‌شود. افزونه YITH WooCommerce Ajax Product Filter یکی از ابزارهایی است که این مسیر را با فیلترهای قابل تنظیم کوتاه‌تر می‌کند.

در این آموزش، روش فعلی ساخت فیلتر با Preset را توضیح می‌دهیم و در عین حال تصاویر آموزش قدیمی را در جایگاه اصلی آن‌ها نگه می‌داریم. توجه داشته باشید که بعضی تصاویر مربوط به نسخه‌های پیش از 4.0 هستند؛ رابط نسخه فعلی با آن‌ها تفاوت دارد.

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

در فروشگاه‌هایی با تعداد زیاد کالا، فیلترکردن براساس ویژگی‌ها به خریدار امکان می‌دهد بدون مراجعه به تک‌تک محصولات، انتخاب‌های خود را محدود کند. مثلاً مشتری می‌تواند ابتدا رنگ دلخواه و سپس اندازه موردنظر را انتخاب کند. شرط استفاده مؤثر از این قابلیت، ثبت درست ویژگی‌ها و مقدار آن‌ها برای محصولات است.

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

معرفی افزونه YITH WooCommerce Ajax Product Filter

YITH WooCommerce Ajax Product Filter برای ایجاد مجموعه‌ای از فیلترها در فروشگاه ووکامرسی کاربرد دارد. نسخه رایگان این افزونه امکان ساخت Presetهای متعدد، استفاده از ویژگی‌های محصول، دسته‌بندی و برچسب، انتخاب نماهایی مانند چک‌باکس، فهرست کشویی یا رنگ و قراردادن فیلتر از طریق ابزارک، بلوک یا شورت‌کد را فراهم می‌کند. امکانات پیشرفته‌تر ممکن است به نسخه پولی نیاز داشته باشند.

طبق اطلاعات مخزن رسمی وردپرس در 21 اکتبر 2026، نسخه 5.24.0 افزونه منتشر شده و در گزارش تغییرات آن پشتیبانی از WooCommerce 11.2 ثبت شده است. بهتر است پیش از بروزرسانی در فروشگاه فعال، سازگاری نسخه نصب‌شده با قالب، ابزار کش و افزونه‌های دیگر بررسی شود.

آموزش نصب و فعال‌سازی افزونه فیلتر محصولات ووکامرس

از پیشخوان وردپرس به افزونه‌ها ← افزودن افزونه تازه بروید، نام YITH WooCommerce Ajax Product Filter را جستجو کنید و پس از شناسایی افزونه منتشرشده توسط YITH، آن را نصب و فعال کنید. همچنین می‌توانید از دکمه دانلود رسمی انتهای مقاله استفاده کنید.

در نسخه‌های قدیمی، پس از نصب صفحه‌ای با سربرگ‌های «ظاهر» و «استایل سفارشی» دیده می‌شد. تصویر زیر همان رابط قدیمی را نشان می‌دهد. در نسخه‌های جدید باید به بخش فیلترهای محصول یا Filter Presets در منوی YITH بروید. متن دقیق منو ممکن است با بسته ترجمه فارسی تغییر کند.

پیکربندی سربرگ ظاهر در افزونه فیلتر محصول

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

در نسخه فعلی، بخش‌های مرتبط با نمایش و پیکربندی فیلتر به شیوه جدید سازمان‌دهی شده‌اند. مقادیر CSS تصاویر قدیمی را بدون بررسی قالب خود وارد نکنید؛ ممکن است باعث شود محصولات بعد از انتخاب فیلتر به‌درستی بروزرسانی نشوند.

سربرگ استایل سفارشی

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

پیکربندی ویژگی‌های محصولات در ووکامرس

قبل از ساخت فیلتر رنگ، سایز یا جنس، بهتر است ویژگی‌های عمومی ووکامرس را آماده کنید. از پیشخوان وارد محصولات ← ویژگی‌ها شوید. برای نمونه یک ویژگی با عنوان «رنگ» ایجاد کنید و سپس مقادیر آن، مانند «قرمز»، «سبز» و «زرد» را ثبت کنید. همین فرایند برای ویژگی‌هایی مثل اندازه و جنس نیز کاربرد دارد.

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

اضافه کردن ویژگی به محصولات

از بخش محصولات ← همه محصولات، کالایی را که می‌خواهید فیلترپذیر باشد ویرایش کنید. در تصویر زیر جایگاه انتخاب محصول در فهرست محصولات مشخص است.

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

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

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

ساخت فیلتر محصولات با Filter Presets در نسخه جدید YITH

مهم‌ترین تفاوت نسخه فعلی با تصاویر قدیمی مقاله، استفاده از Preset یا مجموعه فیلتر است. از بخش YITH مربوط به Ajax Product Filter وارد Filter Presets شوید، یک مجموعه جدید بسازید و فیلترهای موردنیاز مانند رنگ، سایز یا دسته‌بندی را به آن اضافه کنید. این مجموعه می‌تواند چند فیلتر را کنار هم نگه دارد.

برای هر فیلتر، منبع داده مانند ویژگی «رنگ»، نوع نمایش مانند چک‌باکس یا رنگ و در صورت نیاز نحوه انتخاب چند مقدار را تنظیم کنید. برای ترکیب شرایط باید رفتار AND یا OR را مطابق هدف فروشگاه بررسی کنید. برای نمونه AND معمولاً به معنی نمایش محصولاتی است که همه شرط‌های تعیین‌شده را دارند و OR محصولاتی را نشان می‌دهد که دست‌کم یکی از شرایط را دارند.

سپس Preset را ذخیره کنید. افزونه امکان نمایش آن با ابزارک مخصوص، بلوک گوتنبرگ یا شورت‌کد تولیدشده برای همان مجموعه را دارد. شورت‌کد را از خود پیشخوان کپی کنید؛ شناسه Preset در هر سایت متفاوت است و نباید از یک شناسه فرضی استفاده شود.

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

در آموزش اولیه، فیلترها از نمایش ← ابزارک‌ها و با ابزارک قدیمی YITH Ajax Product Filter به سایدبار منتقل می‌شدند. تصویر زیر دقیقاً مربوط به آن روش است. سازنده افزونه توضیح داده که ابزارک‌های قدیمی فعلاً پشتیبانی می‌شوند، اما استفاده از Preset را پیشنهاد می‌کند.

اگر سایت شما هنوز از ابزارک‌های قدیمی استفاده می‌کند، می‌توانید ابتدا در یک نسخه آزمایشی، ابزار تبدیل ابزارک‌ها به Preset را بررسی کنید. در نسخه‌های جدید این افزونه ابزار تبدیل تنظیمات قبلی به مجموعه فیلتر در نظر گرفته شده است. قبل از هر تغییر، از سایت و تنظیمات افزونه نسخه پشتیبان تهیه کنید.

تنظیم مجدد فیلترها

بازنشانی فیلتر به مشتری اجازه می‌دهد انتخاب‌های فعلی را پاک کند و دوباره کل محصولات مرتبط را ببیند. در نسخه قدیمی، ابزارک مستقلی با نام YITH Ajax Reset Filter برای این کار وجود داشت؛ تصویر زیر تنظیمات آن را نشان می‌دهد.

در نسخه‌های جدید امکان نمایش دکمه Reset Filters از طریق امکانات خود مجموعه فیلتر و همچنین ابزارهای نمایش متناسب با صفحه وجود دارد. اگر کاربر چند فیلتر انتخاب می‌کند، حتماً قابلیت پاک‌کردن همه انتخاب‌ها را در صفحه فروشگاه آزمایش کنید.

نتیجه نهایی اضافه کردن فیلتر به فروشگاه

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

نکات مهم برای عملکرد صحیح فیلتر محصولات

اگر انتخاب فیلتر هیچ محصولی نشان نمی‌دهد، ابتدا بررسی کنید که همان مقدار ویژگی واقعاً به محصولات منتشرشده اختصاص یافته باشد. سپس تنظیمات مجموعه فیلتر، ترکیب شرط‌ها و سازگاری با قالب یا صفحه فروشگاه را بررسی کنید. همچنین پس از بروزرسانی افزونه، کش سایت و CDN را در محیط تست کنترل کنید تا نتایج فیلتر به‌صورت قدیمی یا نادرست نمایش داده نشوند.

ساخت تعداد زیادی URL فیلترشده می‌تواند روی مدیریت صفحات قابل ایندکس تأثیر بگذارد. نسخه جدید افزونه دارای تنظیمات مرتبط با SEO و ایندکس نشانی‌های ایجادشده توسط فیلتر است؛ این تنظیمات باید متناسب با ساختار صفحات دسته‌بندی و سیاست سئوی فروشگاه انجام شود، نه با یک قاعده یکسان برای همه سایت‌ها.

جمع‌بندی

YITH WooCommerce Ajax Product Filter برای فروشگاه‌هایی مناسب است که می‌خواهند پیدا کردن محصولات براساس ویژگی‌ها، دسته‌بندی و انتخاب‌های چندگانه را آسان‌تر کنند. برای راه‌اندازی اصولی، اول ویژگی‌ها را برای محصولات ثبت کنید، سپس مجموعه فیلتر بسازید و آن را در صفحه مناسب نمایش دهید. تصاویر قدیمی این آموزش حفظ شده‌اند، اما هنگام کار با نسخه جدید باید از مسیر Filter Presets استفاده کنید.

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