اگر سایت فروشگاهی خود را با استفاده از ووکامرس راه‌اندازی کرده‌اید باید از این موضوع آگاهی داشته باشید که می‌توانید محصولات سایت خود را با فیلترهای دلخواه دسته‌بندی کنید تا خرید را برای کاربر خود راحت‌تر کنید. این کار با استفاده از افزونه فیلتر محصولات ووکامرس امکان‌پذیر است که در اینجا برای شما توضیح خواهیم داد. اگر می‌خواهید کار را برای کاربران خود راحت کنید این آموزش را با دقت مشاهده کنید.
افزونه WOOF پرطرفدارترین ابزار برای ایجاد فیلترهای پیشرفته است. به کمک این افزونه مشتریان شما راحت‌تر محصول دلخواه خود را پیدا می‌کنند. به این شیوه که با استفاده از فیلترها، لیست محصولاتی که روبرویش قرار می‌گیرد را کمتر و نزدیک‌تر به سلیقه خود می‌کند.
معرفی افزونه Woof
woof یا افزونه woocommerce product filter یکی از انواع افزونه فروشگاهی ووکامرس است. در حالت عادی فیلترهای موجود در ووکامرس، به این صورت هستند که وقتی برند اپل انتخاب می‌شود، دیگر برندها از لیست فیلتر حذف می‌شوند. بنابراین امکان انتخاب وجود ندارد. مثلا اگر بخواهیم محصولات برند سامسونگ و اپل را با هم ببینیم امکان ندارد.
اما در افزونه woof – woocommerce products filter می‌توان فیلترها را به صورت چک باکس با امکان چند انتخابی قرار داد تا مثلا برندهای مختلف را بتوان انتخاب کرد. هم چنین به کمک دکمه رادیویی امکان انتخاب تکی را می‌توان فراهم کرد. در واقع افزونه‌ای است که می‌توانید به مشتریان مثل سایت‌های فروشگاهی پیشرفته این امکان را بدهید تا محصولات را براساس ویژگی‌ها، برچسب‌های محصول، طبقه بندی، قیمت فیلتر کنند.
با این افزونه می‌توانید برای هر دسته فیلترهایی جداگانه می‌توانید تعریف کنید، به طوری که در دسته‌بندی دیگر نشان داده نشود.
از دیگر ویژگی های آن باید به موارد زیر اشاره داشت.
- فیلتر ایجکس محصولات ووکامرس
- امکان استفاده از کد کوتاه و ابزارک
- دارای تنظیمات متنوع و بسیار پیشرفته
- قابلیت ایجاد انواع فیلترهای متنی، دکمه رادیویی،
- باکس، باکس رنگ تصویر، اسلایدر، چند انتخابی و …
آموزش افزونه woof و ایجاد فیلترهای پیشرفته
پس از دانلود افزونه woocommerce product filter فایل زیپ در اختیار شما قرار می‌گیرد که از بخش افزونه‌های پنل مدیریت وردپرس اقدام به نصب آن کنید.
نکته: قبل از آن که به اقدام به ایجاد فیلترهای پیشرفته در سایت کنید، مطمئن شوید که محصولات را به درستی و دقت با ویژگی‌های مورد نظر خود وارد کرده‌اید.
تنظیمات اولیه
پس از این که افزونه woof را نصب و فعال کردید، به بخش تنظیمات بخش افزونه‌ها مراجعه کنید. برای این کار، در پیشخوان وردپرس سایت خود، گزینه افزونه‌ها > افزونه‌های نصب شده، را کلیک کنید. به این صورت لیست افزونه‌ها را می‌بینید. از بین آن‌ها افزونه فیلتر وردپرس را پیدا کنید و زیر آن گزینه تنظیمات را انتخاب کنید. همانطور که در تصویر مشاهده می‌کنید، این افزونه با عنوان “فیلتر محصولات ووکامرس- ووف” در لیست می‌آید.
البته راه دیگر دستیابی، پیشخوان وردپرس سایت خود > ووکامرس > پیکربندی > فیلتر محصولات است.
تنظیمات دارای 6 تب است. شامل ساختار، تنظیمات، طراحی، پیشرفته، meta data ، افزودنی‌ها و در نهایت اطلاعات.
تب ساختار تنظیمت افزونه woof
مواردی که در این صفحه قرار دارند، همگی عناصر فیلترهای سایت شما هستند. یکی یکی با هر کدام آشنایی مختصری خواهیم داشت. توجه داشته باشید که تنظیمات فیلتر، اصلی ترین کاری است که برای ایجاد فیلترهای پیشرفته باید انجام دهید.
جستجو براساس قیمت
نمایش محصول براساس قیمت در این بخش تنظیم می‌شود. این فیلتر برای تقریبا تمام فروشگاه‌های آنلاین قابل استفاده است. البته با استفاده از گزینه “خیر” که در لیست کشویی قرار گرفته آن را غیرفعال کنید. مسلما بر حسب نیاز شما هر چیزی ممکن است. در لیست کشویی گزینه‌هایی مثل
- به صورت اسلایدر لیست ووف
- به صورت لیست بازشو
- به صورت دکمه رادیویی
- به صورت فیلد متن
- به صورت اسلایدر رنج قیمت
در تنظیمات فیلتر قیمت، وقتی تنظیمات بیشتر را باز می‌کنیم. موارد زیر قابل تنظیم هستند. در صورت نیاز می‌توانید اقدام کنید.
- نمایش دکمه: نمایش دکمه فیلتر قیمت ووکامرس در فرم جستجو
- متن عنوان: متن قبل از فیلتر اسلایدر رنج قیمت.
- Tooltip
- دکمه رادیویی یا لیست بازشو: تعیین محدودهای قیمت فیلتر در حالت دکمه رادیویی و لیست بازشو
- متن فیلتر قیمت کشویی: متن اولین انتخاب فیلتر قیمت حالت لیست بازشو
- اسلایدر رنج قیمت
- Taxes
برای دیگر فیلترها نیز با مثال قیمت می‌توانید پیش روید.
یک راه برای ساخت فیلتر محصولات محصولات ووکامرس این است که در بخش ویژگی‌های محصولات در زمان ثبت محصول، گزینه‌هایی را ثبت کرده بودید. در بخش بعد تنظیمات می‌توانید این ویژگی‌ها را به عنوان فیلتر مدیریت کنید.
تب تنظیمات افزونه woof
در تب تنظیمات، گزینه‌های مختلفی وجود دارد.
- تنظیم فیلتر به صورت خودکار: فیلتر را به طور خودکار در صفحه فروشگاه تنظیم کنید.
- اعمال فیلتر به صورت خودکار: شروع جستجوها تنها با تغییر ویژگی و بدون نیاز به کلیک کردن بر روی دکمه‌ای
- تعداد نمایش: نمایش تعداد هر ویژگی در کنار آن‌ها
- به روز رسانی خودکار تعداد: نمایش تعداد هر ویژگی در کنار آن‌ها
- عدم نمایش ویژگی‌های خالی: مخفی کردن ویژگی‌های خالی پس از به روز رسانی تعداد آن‌ها به صورت خودکار
- سیستم فیلترینگ ایجکس: اگر می‌خواهید فیلترینگ به صورت ایجکس باشد، بلی را انتخاب کنید. این ویژگی را قبل از استفاده امتحان کنید
- عدم نمایش فرزندان در چک باکس‌های و دکمه‌های رادیویی: در صورت علامت نزدن یک علامت + در کنار فیلدها برای نمایش فرزندان نشان داده می‌شود.
- فلیدهای علامت خورده و فیلتر شده در بالا: این فیلدها به بالای بقیه فیلدها منتقل می‌شوند.
- متن دکمه فیلتر: این متن در فرم جستجو نمایش داده می‌شود.
- متن دکمه بازنشانی: اگر می‌خواهید مخفی باشد، “non” قرار دهید.
تب طراحی افزونه woof
در تب طراحی ویژگی‌های استایل را انتخاب می‌کنید که کاملا سلیقه‌ای است. در این جا نحوه نمایش دکمه‌های رادیویی و چک باکس‌ها را می‌توانی از گزینه‌هایی که به صورت دکمه کشویی هستند انتخاب کنید. توجه داشته باشید که اگر نمی‌خواهید از این گزینه‌ها برای کادرهای انتخابی خود استفاده کنید، گزینه non هم در دسترس است. در بخش پوسته‌ها، سبک انیمیشنی که فیلتر روی آن صورت می‌گیرد را انتخاب کنید.
دیگر گزینه‌ها هم مثل پوسته اسلایدر فیلتر قیمت از منو کشویی انتخاب می‌شوند؛ یا مثل تصویر زیردسته ها حالت باز باید برایشان گزینه‌ای انتخاب شود.
تب پیشرفته افزونه woof
در تب پیشرفته، با دو بخش روبرو هستید: کدها و تنظیمات.
در کدها ، css های مورد نظر یا کدهای جاوا اسکریپت سفارشی پس از پایان ایجکس را می‌توان وارد کرد. ضمن این که اجرای افزونه در برگه‌های خاص را هم می‌توانید روی دکمه بله یا خیر تنظیم کنید.
در تنظیمات هم گزنیه‌های زیر را می‌توانید با بله، خیر تنظیم کنید.
- بهینه‌سازی بارگذاری فایل‌های جاوا اسکریپت افزونه
- تعداد محصول در برگه
- مخفی کردن تعداد عناصر
- باکس کاتالوگ
- کش کردن نمایش داینامیک تعداد محصول
- کش کردن عناصر و …
آموزش تنظیم افزونه woof در ظاهر سایت
بعد از تنظیمات اولیه و ذخیره آن‌ها ، 3 روش برای تنظیم فیلترهای ووکامرس در قسمت جلو سایت شما وجود دارد:
تنظیم فیلترها به صورت خودکار
برای این کار باید در گزینه تنظیم خودکار فیلتر را در تنظیمات افزونه که در ابتدا به آن اشاره کردیم، فعال کنید. به این صورت فیلترهای پیشرفته در صفحه فروشگاه‌ها و صفحات دسته بندی‌ها مثل تصویر زیر قرار می‌گیرند.
ویجت‌ها یا ابزارک‌ها
برای نمایش فیلترها در وب سایت خود، بهترین راه، استفاده از ابزارک‌های سایت است. در واقع، ویجت روش مناسبی برای نمایش فرم‌های جستجو و نمایش فیلتر پیشرفته محصولات ووکامرس است. چون می‌توان آن را در تمام صفحات سایت ارائه داد که به کاربران اجازه می‌دهد از هر جای سایت شما جستجو را آغاز کنند.
برای دسترسی به ابزارک‌ها می‌توانید با مراجعه به منو مدیریت وردپرس خود، نمایش > ابزارک‌ها را کلیک کنید. در اینجا، woocommerce products filter را پیدا کنید.
امیدواریم آموزش افزونه فیلتر محصولات فروشگاهی ووکامرس woof یا woocommerce products filter برایتان مفید باشد.
اگر نیاز به خرید این افزونه با امکانات فارسی دارید، می توانید از این لینک استفاده کنید.
نظرات