فیلتر محصولات در ووکامرس به مشتری کمک می‌کند میان محصولات متعدد فروشگاه، گزینه‌های مناسب را براساس رنگ، اندازه، دسته‌بندی یا ویژگی‌های دیگر پیدا کند. اگر کاربر برای یافتن یک کالا مجبور باشد چندین صفحه را بررسی کند، تجربه خرید دشوار می‌شود. افزونه 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 استفاده کنید.
حسین رحیمی 11 سال عضو همیار وردپرس
سلام . این مطلب در مورد فیلتر هزینه وردپرسه . ولی من ی سوال دارم که در کل در مورد فیلتر هست ولی ن واس هزینه ووکامرس .
من میخواستم تو قالبم یه فیلتر بزارم مث مال خودتون که تو صفحه اصلی هستش . ک از اونجا بشه بر اساس جدیدترین مطالب و دسته بندی ها مطالب رو فیلتر کرد . خیلی منون میشم اگر بتونید کمکم کنید . اگر افزونه ای هستش بگید یا اگرم کد هستش . فرقی نمی کنه . حتی به یک صفحه با متن انگلیسی هم راضی ام !!!
nouri31 11 سال عضو همیار وردپرس
سلام، روز بخیر، یه سوال پرسیده بودم که جواب نداده بودید، مشکلی که توی سوال قبل داشتم با آپدیت کردن برطرف شد. اما یه سوال دیگه، من وقتی ویژگی هارو برای فیلتر کردن انتخاب میکنم، توی نوار آدرس مرورگر میبینم که کوئری رو مینویسه، اما برای اعمال شدنش حتما باید صفحه رو رفرش کنم. میشه یه راهنمایی بفرمایید بدونم برای داشتن یه دکمه ای مثل اعمال فیلتر چیکار باید بکنم؟
بهاره کوهستانی 13 سال عضو همیار وردپرس
سلام
مسلما باید همین اتفاق بیفته. من فکر میکنم این افزونه با قالب سایتتون سازگار نیست که حتما نیاز به رفرش داره.
nouri31 11 سال عضو همیار وردپرس
سلام، خسته نباشید. من این افزونرو نصب کردم، برای امتحان یه ویژگی color اضافه کردم به محصولات. اما وقتی این افزونرو توی ویجت اضافه میکنم، یه پیام خطا بهم میده.میخواستم راهنماییم کنید که مشکل از کجاست؟ ممنونم.
متن پیام خطا:
Warning: array_unique() expects parameter 1 to be array, null given in C:\xampp\htdocs\daneshkadehonline\wp-content\plugins\woocommerce\includes\class-wc-query.php on line 395
با ابزارک های دیگه مشکلی ندارم، اما برای این یکی این خطارو میده
حامد زینلی
با سلام و خسته نباشید
چگونه می توان از این ابزارک در قسمت محصولات استفاده کرد؟
مثلا بعد از وارد شدن به قسمت ادکلن ها بر اساس برندها فیلتر گداری گرد؟
امیررضا
خیلی ممنون از آموزش ها
من روی پوسته انفولد و ووکامرس می خواستم فیلتر رو فعال کنم اما هیچ چیزی نشون نمیده ! باید تنظیماتی رو تغییر بدم ؟ مشکل ازچیه ؟
حمید
سلام من دقیقا این افزونه رو دارم. اما نمیدونم چطور میشه این ویژگی رنگ رو ایجاد کرد. توی تنظیمات وجیت من هیچ ویژگی ای وجود نداره
بهاره کوهستانی 13 سال عضو همیار وردپرس
سلام
از گزینه ی type توی ابزارک color رو انتخاب کنید.
samenta
عالی بود
رضا
سلام من نمیتوانم از این افزونه استفاده کنم قسمت attribute خالی یعنی هیچ گزینه ای نداره میشه راهنمایی کنید باید چیکار کنم . در ضمن محصولاتم هم برچسب داره و همچنین دسته بندی؟ ممنون میشم زودتر راهنمایی کنید
علی
سلام ببخشید که سوالم هیچ ربطی به اینجا نداره ولی ازتون یه سوال داشتم در وبسایت من مطالب به صورت ارشیو ارسال میشه ولی من میخوام به صورت پشت سرهم و زیر هم مثل سایت دانلود ها ارسال بشه باید چیکار کنم؟
محمد امین مجیدی 11 سال عضو همیار وردپرس
سلام
متوجه منظورتون نشدم!
علی
این سایتمه ببینید golddl.ir سه تا مطلب فرستادم ولی یکی هست درواقع به صورت ارشیو و بخش هست چیکار کنم این به صورت مطلب معمولی (زیرهم) مانند همین سایت دانلود ها بشه ؟
هرچی هست که این طوری میشه مربوط به این فایله s7.picofile.com/file/8247340326/index.php.html
ali_faraji78319 11 سال عضو همیار وردپرس
سلام واقعا سایت عالی دارید دیدم شما حرفه ای هستید از شما یه سوال دارم!
از شما تقاضا دارم کمکم کنید چون هیچ سایتی کمکم نمی کنه واقعا خسته شدم
من می خوام داخل منو پیشخوانم یک منو درست کنم به نام تسفیه حساب البته اینو با افزونه Menu Editor درست کردم ولی من مشکلم این نیست مشکل من اینه که می خوام تو داخل همون جا یه فرم درست کنم ولی نمیشه یعنی مثلا کدو کجا تا فرم تسویه حساب بیاد میشه راهنمایم کنید؟؟
جهت راهنمایی تصویر زیر رو ببینید
s7.picofile.com/file/8247179284/Capture.JPG
با کمال تشکر از شما
بهاره کوهستانی 13 سال عضو همیار وردپرس
سلام
شما میتونید با یک فرم مثل فرم ساز های qform چنین فرمی رو ایجاد کنید و داشته باشید اما در داخل پیشخوان نیست. حالا من که افزونه های ووکامرسی رو بررسی میکنم اگه به چنسن موردی برخورد کردم حتما آموزش میدم.
علی فرجی
خانم کوهستانی این فرم من درست کردم با افزونه Gravity Forms و با افزونه Dashboard Site Notes داخل پیشخوان قرار دادم و با افزونه Menu Editor یه منو تسویه حساب درست کردم مشکل من اینا نیست مشکل من این من کاربرا با افزونه User Role Editor محدود کردم مشکل اینجاست این برگه فرم تسویه حساب موقعی میاد که من باید یه گزینرو در داخل افزونه User Role Editor فعال کنم وقتی هم فعال نکنم اگر کاربر روش بزنه ارور میده میگه شما دسترسی به این قسمتو ندارید وقتی هم من اون گزینرو فعال می کنم نصف افزونه ها در داخل پیشخوان میاد عکس زیر رو ببینید متوجه می شید!!
s7.picofile.com/file/8247293792/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7.JPG
راهنمای عکس : با فعال کردن کادر قرمز ، کارد سبز نمایان میشه که من نمی خوام نمایان باشه می خوام فقط کادر مشکی که تسویه حسابه فقط نمایان بشه؟؟؟
حالا اگه ای نشد میشه مثل پنل کاریری سایت شما کنم یعنی منو پیشخوان مثل شما باشه و مثلا میگه برای تسویه حساب باید حداقل 10 هزار تومن داشته باشی تا بتونی تسویه کنی من اینطوری می خوام!