افزونه ووکامرس فیلتر محصولات | YITH WooCommerce Ajax Product Filter

افزونه فیلتر محصولات YITH WooCommerce Ajax Product Filter Premium به فروشگاه ووکامرس بخش فیلتر اضافه می‌کند تا مشتری فهرست محصولات را بر اساس دسته، ویژگی‌هایی مثل رنگ و اندازه، امتیاز و موجودی کوتاه کند، بدون اینکه صفحه دوباره بارگذاری شود. سازنده آن را برای فروشگاه‌هایی پیشنهاد می‌کند که فهرست محصولشان بلند است. نصب ووکامرس پیش‌شرط کار آن است.

وردپرس نیاز نسخه پریمیوم این افزونه را میان افزونه‌های کاربردی وردپرس عرضه می‌کند. «نصب آزمایشی» در این صفحه یعنی وردپرسی فارسی با ووکامرس و محصولات نمونه که افزونه روی آن امتحان شد.

فیلتر محصولات YITH چطور چیده می‌شود

افزونه فیلترها را در گروه‌هایی به نام مجموعه فیلتر (Preset) نگه می‌دارد. هر مجموعه نام و چیدمان خودش را دارد (پیش‌فرض یا افقی) و فهرست فیلترهایی که هر کدام کلید روشن و خاموش دارد.

مجموعه پیش‌فرض را افزونه هنگام اولین اجرا می‌سازد و با دسته‌بندی‌های محصول (مثل دسته، برچسب و ویژگی‌ها) پر می‌کند که همان لحظه محصول دارند. در نصب آزمایشی افزونه روی فروشگاهی بدون محصول فعال شد و این مجموعه خالی ماند. بعد از ساختن محصولات، همان مجموعه و ثبت‌های اولین اجرا در پایگاه داده پاک شد تا افزونه دوباره مثل اولین اجرا شروع کند؛ این بار مجموعه فیلتر دسته، رنگ و اندازه داشت. پس اگر افزونه را پیش از وارد کردن محصولات نصب می‌کنید، فیلترها را باید خودتان بسازید.

هر فیلتر یکی از این نوع‌هاست (از فرم ساختن فیلتر خوانده شد):

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

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

جای گذاشتن فیلتر در صفحه

هر مجموعه را می‌شود با ابزارک (Widget) در سایدبار یا با کد کوتاه (Shortcode) در برگه‌ای که فهرست محصول دارد گذاشت. سازنده بلوک گوتنبرگ و برای المنتور ابزاری جدا هم اعلام کرده است. در نصب آزمایشی ابزارک سایدبار یک قالب کلاسیک روی صفحه فروشگاه کار کرد و کد کوتاه هم روی برگه‌ای کنار فهرست محصولات ووکامرس. روی یک قالب بلوکی هم کد کوتاه کنار شبکه محصولات بلوکی ووکامرس فهرست را کوتاه کرد.

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

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

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

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

فیلتر امتیاز هر امتیاز را جدا برمی‌گرداند: تیک ۴ ستاره فقط محصول‌های با امتیاز ۴ را آورد و ۵ ستاره‌ها را نه. امتیاز، حراج و موجودی با هم ترکیب شدند و ۴ ستاره، حراج و موجود فقط یک محصول را نشان داد. برچسب فیلترهای فعال، دکمه بازنشانی و پیوند پاک‌کردن فیلتر به‌طور پیش‌فرض نیستند و در تنظیمات عمومی روشن می‌شوند. جای برچسب‌ها و دکمه را می‌شود انتخاب کرد و برای آزمایش بالای محصولات گذاشته شد: برای رنگ انتخاب‌شده برچسبی با علامت حذف آمد (دسته تی‌شرت به‌جای برچسب، عنوان صفحه شد)، پیوند پاک‌کردن بالای فیلترهایی بود که انتخاب داشتند، و دکمه بازنشانی کل فهرست را برگرداند.

با روشن کردن گزینه پنجره روی موبایل، در عرض ۳۹۰ پیکسل (شبیه‌سازی گوشی) فیلترها از صفحه کنار رفتند و دکمه‌ای بالای محصولات پنجره‌ای با بخش‌های جمع‌شونده باز کرد. صفحه به کنار نمی‌لغزید و انتخاب یک رنگ با دکمه نمایش نتایج، فهرست همان رنگ را آورد. قالب آزمایشی نوار ثابتی در پایین صفحه داشت که روی دکمه نمایش نتایج می‌افتاد و دو بار زدن آن دکمه بی‌اثر بود تا نوار پنهان شد. اگر قالب شما هم نوار ثابت پایین دارد، پنجره را روی همان قالب امتحان کنید.

تنظیمات سراسری و ظاهر

• فیلتر روی تنوع‌ها: طبق متن خود گزینه، فقط محصول‌های متغیری نشان داده می‌شوند که تنوعشان با همه گزینه‌های انتخابی بخواند.
• بارگذاری تنبل فیلترها و صفحه‌بندی گزینه‌ها به‌طور پیش‌فرض روشن‌اند؛ در نصب آزمایشی هر فیلتر درخواست جدای خودش را فرستاد.
• ظاهر: رنگ عنوان‌ها، پس‌زمینه و تأکید، نمونه رنگ گرد یا مربع با اندازه دلخواه، رنگ برچسب‌ها و لودر دلخواه.
• سئو: برچسب robots برای صفحه‌های فیلترشده و nofollow روی پیوند فیلترها. در نصب آزمایشی پس از انتخاب noindex با follow، این برچسب فقط روی صفحه فیلترشده آمد و روی فروشگاه بدون فیلتر نیامد.

نسخه رایگان و پریمیوم

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

افزونه‌هایی که سازنده کنار آن نام می‌برد

طبق مستندات سازنده، این‌ها با فیلتر هماهنگ‌اند و جزو بسته آن نیستند:

• YITH WooCommerce Brands Add-On: فیلتر بر اساس برند.
• YITH WooCommerce Color and Label Variations: رنگ‌ها و تصویرهای ساخته‌شده با آن در فیلترهای رنگ و برچسب هم می‌آیند.
• YITH WooCommerce Ajax Search: بلوک فیلتر داخل پنجره جستجو.
• YITH Infinite Scrolling: اسکرول بی‌نهایت روی محصولات فیلترشده.
• YITH WooCommerce Wishlist: فهرست علاقه‌مندی‌ها.

برای سایت چندزبانه سازنده WPML را هم نام می‌برد.

پیش از خرید

سازنده می‌نویسد افزونه با فیلدهای سفارشی کار نمی‌کند، پس فیلدهایی که با Advanced Custom Fields (ACF) ساخته‌اید فیلتر نمی‌شوند. اسلایدر قیمت برای هر فیلتر کمینه، بیشینه و گام جدا دارد و گزینه‌ای هم برای محاسبه حدود از روی محصولات نمایش‌داده‌شده. در نصب آزمایشی اسلایدر با حدود اولیه‌اش شروع شد، نه با قیمت‌های فروشگاه، تا حدود با دست نوشته شد؛ پس حدود را با قیمت‌های فروشگاه خودتان هماهنگ کنید.

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