افزونه فیلتر محصولات برای ووکامرس | Product Filters for WooCommerce

افزونه Product Filters for WooCommerce یک پلاگین ساخت فیلتر ایجکس یا آژاکس قیمت، لیست رنگ، رادیو، وضعیت موجودی انبار، اسلایدر قیمت و… برای ووکامرس است. فیلترهای محصولات بصورت ایجکس ایجاد میکند که فرآیند یافتن محصولات در فروشگاه شما را ساده و سریع میکند. توانایی فیلتر کردن محصولات در فروشگاه ها برای کارآمدتر کردن جستجوی کالاها ضروری است. کاربران به استفاده از این ابزار عادت کرده اند و عدم ارائه آن میتواند به فروشگاه شما آسیب برساند. یکی از بهترین راه حل های موجود، استفاده از افزونه فیلترهای محصول تولید شرکت صاحب و سازنده افزونه فروشگاه ساز ووکامرس است. آمار نشان میدهد که ۷۵ درصد از کاربران در صورتی که در ۱۵ ثانیه چیزی را که به دنبال آن هستند پیدا نکنند، فروشگاه را ترک میکنند.

افزونه Product Filters for WooCommerce فیلتر محصولات برای ووکامرس میتواند: فیلترها را به هر صفحه ای مانند فروشگاه، دسته بندی، برچسب یا صفحات سفارشی اضافه کند، از بین انواع فیلترها مانند قیمت، رتبه بندی، ویژگی، دسته بندی، برچسب یا طبقه بندی سفارشی انتخاب کند، فیلترها را به صورت چک باکس، دکمه های رادیویی، کشویی، اسلایدر قیمت،و یا نمونه های رنگی نمایش دهد، از ایجکس برای به روز رسانی محصولات بدون بارگیری مجدد صفحه استفاده کنید، ظاهر و رفتار فیلترها را با گزینه ها و CSS سفارشی کند، و بسیاری امکانات دیگر که در دموی افزونه میتوانید ببینید. فرآیند جستجوی محصولات را با فیلترهای محصول ساده و سریع کنید. مشتریان بالقوه را حفظ کنید.

• ویژگی های افزونه فیلتر محصولات برای ووکامرس | Product Filters for WooCommerce
• فیلتر کردن سریع محصولات با استفاده از فناوری AJAX
• فیلتر بر اساس دسته ها، ویژگی ها، برچسب ها، طبقه بندی، قیمت، وضعیت موجودی
• صفحه بندی و مرتب سازی بدون بارگیری مجدد صفحه
• عناصر: اسلایدر قیمت، لیست چک باکس، لیست رادیویی، کشویی، لیست رنگ، لیست جعبه، لیست متن و موارد دیگر
• ابزارک های «فیلتر محصولات» و «یادداشت های فیلترهای محصول»
• کدهای کوتاه و ادغام با کدهای کوتاه محصول
• تنظیمات فیلتر هماهنگ ​​و تعداد محصول
• تصاویر کوچک مطابق با محصول

ویرایشگر فیلتر در افزونه Product Filters for WooCommerce

به: ووکامرس ← فیلترها بروید. دو پنل در این بخش ویرایشگر افزونه Product Filters for WooCommerce وجود دارد:

سمت چپ لیستی از عناصر را نشان میدهد. (ویژگی های محصول مانند رنگ و …، قیمت، دسته بندی).

سمت راست شامل تنظیمات برای عنصر فعلی یا تنظیمات پروژه است. به طور پیش فرض، پانل سمت راست شامل تنظیمات پروژه است. برای ذخیره پروژه، روی «ذخیره» در پنل عناصر کلیک کنید.

ایجاد عناصر

روی دکمه «افزودن عنصر» در افزونه Product Filters for WooCommerce کلیک کنید. یک پانل با لیستی از عناصر باز میشود. اولین لیست «فیلد» است. در اینجا، عناصر (اِلِمان ها یا elements) مسئول فیلتر کردن محصولات هستند. گزینه «چیدمان عناصر» چیدمان محتوا را فهرست میکند که مسئول چیدمان عناصر فیلد هستند.

پس از انتخاب یک عنصر، این عنصر در پانل سمت چپ ظاهر میشود و در صورت لزوم تنظیمات این عنصر در پانل سمت راست ظاهر میشود.

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

فیلد «عنوان»: نام پروژه ای که فقط در پنل مدیریت قابل مشاهده است.

فیلد «شروع فیلتر»: حالت اعمال فیلترها برای محصولات.

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

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

فیلد «از کدام مؤلفه ها استفاده شود»: محتوای مؤلفه ها هنگام فیلتر کردن به روزرسانی می شود. برای مثال، اگر مؤلفه «صفحه بندی» فعال باشد، می توانید صفحه بندی ajax را روشن کنید.

فیلد «صفحه بندی ایجکس»: صفحه بندی ajax را فعال یا غیرفعال کنید.

فیلد «مرتب سازی ایجکس»: به فعال/غیرفعال کردن مرتب سازی ایجکس بروید.

فیلدهای «انتخاب کننده ظرف محصولات»، «انتخابگر صفحه بندی»، «انتخابگر تعداد نتایج»، «انتخابگر مرتب سازی»، «انتخابگر عنوان صفحه»: انتخابگرهای عنصر در صفحه.

راه اندازی و تنظیمات عناصر

گزینه های عنصر فهرست

• فیلد «عنوان»: عنوانی که در بالای لیست نمایش داده میشود. این فیلد به مشتریان میگوید چه چیزی را فیلتر میکنند.
  • وقتی فیلتر را تغییر می دهید، یک ویژگی در آدرس صفحه ظاهر می شود. فیلد «کلید URL»: نام ویژگی در آدرس اینترنتی یا نسخه مناسب URL نام عنصر است. به عنوان مثال، فیلد «URL key» مقدار «brands» در آدرس http://my-shop.com/shop/?brands=appel,samsung ظاهر میشود.
• فیلد «نوع کوئری»: نوع پرس و جو که به شما امکان میدهد چندین فیلتر را اعمال کنید.
  • گزینه «AND»: فقط محصولاتی را نشان میدهد که هر دو شرایط تعیین شده توسط کاربر را از طریق فیلترهای اعمال شده (برای آن عنصر خاص) برآورده میکنند.
  • گزینه «OR»: جستجو همه محصولاتی را که حداقل یکی از شرایط تعیین شده توسط کاربر را از طریق فیلترهای اعمال شده (برای آن عنصر خاص) برآورده میکند، برمیگرداند.
• فیلد «انتخاب چندگانه»: انتخاب چندگانه را فعال/غیرفعال کنید.
• فیلد «منبع آیتم ها»: منبع آیتم ها را برای لیستی انتخاب کنید که برای فیلتر کردن محصولات استفاده میشود.
  • گزینه «ویژگی»: به معنای ویژگی های محصول برای نمایش است (به «محصولات ← ویژگی ها» مراجعه کنید).
  • گزینه «دسته بندی»: به معنای دسته بندی محصولات برای نمایش است (به «محصولات ← دسته ها» مراجعه کنید).
  • گزینه «برچسب»: به معنای برچسب های محصول برای نمایش است (به «محصولات ← برچسب ها» مراجعه کنید).
  • گزینه «طبقه بندی / تاکسونومی»: به معنای طبقه بندی محصول برای نمایش است. این گزینه میتواند زمانی استفاده شود که افزونه هایی قابلیت های WooCommerce را گسترش میدهند استفاده شوند. به عنوان مثال، شما افزونه «نمایش برندهای محصولات ووکامرس | WooCommerce Brands» را نصب کرده اید. با گزینه «طبقه بندی» میتوانید لیستی از برندها را نمایش دهید.
• فیلد «ویژگی»: موارد از کدام ویژگی گرفته میشود. می توانید ویژگی ها را در «محصولات ← ویژگی ها» ببینید.
• فیلد «دسته بندی»: اجازه انتخاب: نمایش همه دسته ها با زیرمجموعه ها یا زیر مجموعه ها برای یک دسته انتخاب شده. می توانید دسته ها را در «محصولات ← دسته ها» ببینید.
• فیلد «طبقه بندی / تاکسونومی»: موارد از کدام طبقه بندی گرفته میشود. به عنوان مثال، اگر افزونه WooCommerce Brands را نصب کرده اید، می توانید طبقه بندی «برندها» را تنظیم کنید.
• فیلد «نمایش»: حالت نمایش آیتم ها.
  • گزینه «همه»: نمایش همه موارد.
  • گزینه «فقط والد»: فقط موارد سطح بالا را بدون موارد فرعی فرزند نمایش میدهد.
  • گزینه «فقط انتخاب شده»: فقط موارد مشخص شده را نمایش میدهد.
  • گزینه «به جز انتخاب شده»: همه موارد به جز موارد انتخاب شده را نمایش میدهد.
• فیلد «انتخاب موارد»: مواردی که نمایش داده میشوند.
• فیلد «عدم حذف موارد»: مواردی که نمایش داده نمیشوند.
• فیلد «نمایش سلسله مراتبی»: برای نمایش موارد به صورت درخت یا فهرست تغییر دهید.
• فیلد «فرمت مقدار URL»: فرمت مقدار در ویژگی آدرس صفحه (URL).
  • گزینه «شناسه / ID»: نمایش شماره مورد منحصر به فرد.
  • گزینه «نامک»: خروجی نسخه مناسب URL نام مورد.
• فیلد «نمایش آیتم بازنشانی»: آیتم مقدار بازنشانی را نمایش میدهد.
• فیلد «مورد بازنشانی عنوان»: عنوان مورد بازنشانی.
• فیلد «عنوان نمایش»: عنوان عنصر را نمایش میدهد.
• فیلد «نمایش تغییر محتوا»: کلید را برای پنهان کردن محتوا نمایش دهید.
• فیلد «حالت پیشفرض تغییر وضعیت»: حالت پیش فرض (نمایش/پنهان کردن).
• فیلد «کلاس CSS»: کلاس css برای عنصر.
• فیلد «اقدام برای گزینه های خالی»: اقدامات با موارد فیلتر وقتی محصولی در دسترس نیست.
• فیلد «نمایش تعداد محصولات»: نمایش/پنهان کردن تعداد محصولات در موارد.
• فیلد «قوانین نمایش»: در چه شرایطی عنصر نمایش داده شود.

قوانین نمایش در پلاگین Product Filters for WooCommerce

«قوانین نمایش» در افزونه فیلتر محصولات برای ووکامرس به شما امکان میدهد مجموعه ای از قوانین را ایجاد کنید که تصمیم میگیرند چه زمانی یک عنصر را در فیلترها نمایش دهید.

توجه داشته باشید که قوانین طرح بندی را میتوان برای ایجاد هر ترکیبی از عملگرهای «and» و «or» گروه بندی کرد.

۱- نوع قانون

هنگام ویرایش یک عنصر در افزونه Product Filters for WooCommerce، کشویی «انواع» ابتدا در ردیف قوانین مکان قرار میگیرد.

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

۲- عملگر قانون

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

۳- ارزش قانون

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

گزینه های اضافی عنصر فهرست رنگ

• فیلد «رنگ ها»: برای پیکربندی رنگ ها استفاده میشود. برای افزودن رنگ، روی دکمه «افزودن مورد» کلیک کنید.
• فیلد «نوع»: روش تنظیم رنگ را با انتخابگر رنگ یا تصویر (مثلاً رنگ پوشش یا نقطه های سیاه و سفید) مشخص می کند.
• فیلدهای «Color» و «Image»: رنگ یا تصویری که مشتری خواهد دید.
• فیلد «ارزش»: مقداری که محصولات با آن فیلتر میشوند.
• فیلد «نمایش کادر»: فعال/غیرفعال کردن حاشیه اطراف مورد.
• فیلد «رنگ حاشیه»: رنگ حاشیه اطراف مورد.
• فیلد «سبک نشانگر»: سبک نشانگر. به عنوان مثال، اگر رنگ سفید است، نشانگر باید تیره باشد و بالعکس، اگر رنگ سیاه است، نشانگر باید روشن باشد.

گزینه های اضافی عنصر فهرست جعبه

• فیلد «اندازه جعبه»: ارتفاع و عرض آیتم جعبه.

گزینه های اضافی عنصر فهرست متن

• فیلد «استایل درون خطی»: برای نشان دادن موارد درون خطی یا یک مورد در هر خط، تغییر دهید.

گزینه های عنصر اسلایدر قیمت

• فیلد «عنوان»: عنوانی که در بالای عنصر نمایش داده میشود. این کلاینت ها را با درک فیلتر عنصر پیاده سازی میکند.
• فیلد «فرمت URL»: قالب ویژگی در URL.
  • گزینه «پارامترها از طریق یک خط تیره»: مقدار حداقل و حداکثر با استفاده از یک خط تیره ارسال میشود. به عنوان مثال http://my-shop.com/shop/?price=10-150
  • گزینه «دو پارامتر»: برای مقادیر حداقل و حداکثر، یک ویژگی url جداگانه ایجاد میشود. به عنوان مثال، http://my-shop.com/shop/?min-price=10&max-price=150
  • وقتی فیلتر را تغییر می دهید، یک ویژگی در url ظاهر می شود. فیلد «کلید URL»: نام ویژگی در آدرس اینترنتی یا نسخه مناسب URL نام عنصر. فیلد «کلید URL برای حداقل قیمت» و «کلید URL برای حداکثر قیمت»: نام ویژگی حداقل و حداکثر قیمت در آدرس اینترنتی.
• فیلد «عنوان نمایش»: عنوان عنصر را نمایش میدهد.
• فیلد «نمایش تغییر محتوا»: کلید را برای پنهان کردن محتوا نمایش دهید.
• فیلد «Default Toggle State»: حالت پیش فرض (نشان داده شده / پنهان).
• فیلد «کلاس CSS»: کلاس css برای عنصر.

گزینه های عنصر دکمه

• فیلد «عنوان»: متن دکمه.
• فیلد «اقدام»: عمل (اکشن) دکمه.
  • گزینه «بازنشانی»: همه فیلترهای اعمال شده را بازنشانی کنید.
  • گزینه «فیلتر»: فیلترهای انتخاب شده را روی محصولات اعمال کنید. این عمل زمانی ضروری است که در قسمت «شروع فیلتر کردن» گزینه «هنگامی که بر روی دکمه ارسال کلیک کنید» انتخاب شده باشد.
• فیلد «کلاس CSS»: کلاس css برای عنصر.

گزینه های عنصر جعبه ساده

• فیلد «عنوان»: عنوانی که در بالای عنصر نمایش داده میشود.
• فیلد «نمایش تغییر محتوا»: کلید را برای پنهان کردن محتوا نمایش دهید.
• فیلد «حالت پیشفرض تغییر وضعیت»: حالت پیش فرض (نشان داده شده / پنهان).
• فیلد «کلاس CSS»: کلاس css برای عنصر.

گزینه های ستون

فیلد «عرض»: عرض ستون را میتوان بر حسب درصد یا پیکسل تنظیم کرد.

فیلتر برای بایگانی محصولات

برای تعیین اینکه کدام پروژه محصولات را در صفحه بایگانی محصولات فیلتر شوند، این مراحل را دنبال کنید.

۱- به ووکامرس ← پیکربندی ← محصولات بروید.

۲- روی زبانه فرعی «فیلترها» کلیک کنید.

۳- در قسمت «فیلترها برای بایگانی محصول»، پروژه فیلترهای مورد نظر خود را انتخاب کنید.

۴- روی دکمه «ذخیره تغییرات» کلیک کنید.

عناصر

انواع عناصری که با کمک این افزونه در بخش فیلترها میتوانید بسازید:

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

تنظیمات افزونه

برخی تنظیمات گسترده در ووکامرس ← تنظیمات ← محصولات ← تب فیلترها موجود است.

فیلد «فیلترها برای بایگانی محصول»: مشخص کنید که کدام پروژه فیلترها در صفحه فروشگاه نمایش داده میشود.

فیلد «محصولات ناموجود»: نحوه برخورد با محصولات ناموجود را مشخص کنید.

• گزینه «بدون اقدام»: بین محصولات موجود و بدون موجودی تفاوت قائل نشوید.
• گزینه «همیشه پنهان شود»: محصولات بدون موجودی را درج نکنید.
• گزینه «مخفی کردن گزینه های فعال» – وقتی فیلتری اعمال می شود، محصولات موجود در انبار را درج نکنید.

فیلد «اسکرول به بالا»: هنگام به روز رسانی فیلترها به بالای صفحه بروید.

فیلد «تصاویر کوچک تطبیقی»: به طور خودکار بهترین اندازه تصویر کوچک محصول را برای اندازه نمایش انتخاب کنید.

فیلد «تعداد محصولات بزرگ»: تعداد محصولات بزرگتر (در پرانتز فیلترها) را مجاز میکند، که میتواند در موارد خاص محدود شود.

فیلد «تعداد سریع تر محصولات»: شمارش سریع تر محصولات (در پرانتز فیلترها) را در برخی فروشگاه ها با تعداد محصولات یا تغییرات بیشتر فعال کنید.

فیلد «جستجو انتخابگرها»: اجزای موضوع (مانند ترتیب، صفحه بندی و تعداد نتایج) را هنگامی که فیلترها بروز میشوند، به روز شوند.

فیلد «اسکریپت پس از بروز رسانی»: یک قطعه کد جاوا اسکریپت اضافه کنید تا پس از به روز رسانی لیست محصولات اجرا شود تا با فیلترهای تغییر یافته مطابقت داشته باشد. یکی از اسنیپت های رایج:

که صفحه را بازخوانی میکند (با حفظ فیلترهای انتخابی).

ابزارک ها

ابزارک «فیلترهای محصول»

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

ابزارک «یادداشت برای فیلترهای محصول»

این ابزارک فهرستی از گزینه های انتخاب شده را نمایش می دهد و با کلیک بر روی x کنار آن فیلتر را به سرعت حذف می کند.

کدهای کوتاه

فیلترهای محصول

[wcpf_filters id="123"]

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

یادداشت های مربوط به فیلترهای محصول

[wcpf_filter_notes filter-id="123"]

کد کوتاه یادداشت های مربوط به فیلترهای محصول نیز مانند ابزارک در ارتباط با فیلترهای محصول کار میکند. این نشان می دهد که کدام گزینه انتخاب شده اند و می توان با کلیک بر روی x در کنار فیلتر به سرعت حذف کرد.

بازنویسی الگوها در قالب

برای تغییر الگوهای عناصر در قالب، باید یک پوشه woocommerce-product-filter در داخل پوشه theme ایجاد کنید. همه قالب ها را میتوان در پوشه plugins/woocommerce-product-filter/templates/ پیدا کرد. فایل قالب را در پوشه woocommerce-product-filter داخل پوسته کپی کنید و با توجه به نیاز خود تغییراتی ایجاد کنید.

سوالات متداول افزونه فیلتر محصولات برای ووکامرس | Product Filters for WooCommerce

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

سوال: چرا فیلترهای من در صفحه فروشگاه قابل مشاهده نیستند؟
اطمینان حاصل کنید که در تنظیمات افزونه فیلتر محصولات برای ووکامرس فیلترها در قسمت «فیلتر برای بایگانی محصولات» در ووکامرس ← پیکربندی ← محصولات ← فیلترها انتخاب شده اند.
سوال: چرا فیلترهای من در برخی دسته ها قابل مشاهده نیستند؟
حتما قوانین نمایش هر یک از عناصر پروژه فیلتر خود را بررسی کنید. همچنین توجه داشته باشید که برخی از فیلترها در صورتی که مرتبط نباشند ظاهر نمیشوند، مانند عنصر اسلایدر قیمت.
اگر هنوز فیلترهایی در پروژه خود تنظیم کرده اید که باید در صفحات دسته بندی خاصی نمایش داده شوند، اما اینطور نیست، میتوانید ابزار «حافظه پنهان فیلتر محصول» را در زیر پیشخوان وردپرس ← ووکامرس ← وضعیت ← ابزارها امتحان کنید تا ببینید آیا فیلترها را بازیابی میکند یا خیر. در صفحات آرشیو دسته ها/محصولات شما. برای اجرای ابزار روی «پاک کردن کش» کلیک کنید:

سوال: چرا عناصر ابزارک فیلتر قابل مشاهده هستند اما فیلتر کار نمیکند؟
یکی از موارد هوشمندانه در مورد افزونه Product Filters for WooCommerce این است که فیلترها را فقط در زمانی که مرتبط هستند در یک صفحه نمایش میدهد. اگر محصولات نمایش داده شده با معیارهای فیلتر مطابقت نداشته باشند، فیلتر نمایش داده نمیشود. متأسفانه، همه عناصر دیگری که با فیلتر همراه هستند هنوز نشان داده میشوند (عنوان ابزارک فیلتر و دکمه بازنشانی)، و همیشه مشخص نیست که چرا قطعات از دست رفته فیلتر ناپدید شده اند. به عنوان مثال، هنگامی که محصولات در یک دسته قیمت یکسانی دارند، فیلتر قیمت اسلایدر کار نخواهد کرد.

فیلتر قیمت اسلایدر به طیف وسیعی از قیمت ها نیاز دارد. از آنجایی که هیچ محدوده ای وجود ندارد، فیلتر نمایش داده نمیشود. برای برآورده کردن معیارهای فیلتر و عملکرد فیلتر اسلایدر قیمت، باید مطمئن شویم که محصولات قیمت های متفاوتی دارند.

سوال: چرا تعداد محصولات در فیلترهای من با تعداد نتایج مطابقت ندارد؟

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