WOOF – Products Filter for WooCommerce فیلتر محصول ووکامرس

WOOF – Products Filter for WooCommerce

افزونه WOOF – Products Filter for WooCommerce افزونه ای است که با استفاده از آن می توانید محصولات فروشگاه ووکامرسی خود را فیلتر کنید. اگر با استفاده از افزونه ووکامرس اقدام به ساخت فروشگاه آنلاین در وردپرس کرده اید این افزونه برای شما ضروری است.

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

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

افزونه WOOF – Products Filter for WooCommerce یکی از بهترین افزونه های فیلتر محصولات ووکامرس است که بالاترین امتیاز را بین دیگر افزونه های فیلتر محصول دارد.

افزونه WOOF به کاربران امکان می دهد تا با استفاده از چند روش مختلف، محصولات را به راحتی فیلتر کنند. این روشها شامل فیلتر کردن توسط موارد زیر است:

  • دسته بندی ها
  • ویژگی ها (attributes)
  • برچسب های محصول
  • طبقه بندی های سفارشی محصولات
  • قیمت کالا

این افزونه به روزرسانی سریعی دارد و همیشه از آخرین نسخه WooCommerce پشتیبانی می کند. سبک وزن بوده و تقریباً با هر افزونه دیگری سازگار است.

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

  • به صورت یک ابزارک
  • با استفاده از شورت کد

شما می توانید در هر جای فروشگاه خود که مایل باشید از شورت کد های WOOF استفاده کنید. این شورت کدها برای قرار دادن فیلتر بر اساس طبقه بندی طراحی شده اند.

در این مقاله افزونه WOOF – Products Filter for WooCommerce را مورد بررسی قرار داده و نحوه استفاده از آن را توضیح می دهیم.

آموزش افزونه WOOF – Products Filter for WooCommerce برای فیلتر محصولات ووکامرس

توجه داشته باشید که برای استفاده از این افزونه باید فروشگاه اینترنتی خود را با استفاده از افزونه WooCommerce ساخته باشید.

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

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

مشاهده می کنید یک تب جدید به نام Products Filter به بخش پیکربندی ووکامرس اضافه شده است. با کلیک بر روی این تب صفحه تنظیمات افزونه WOOF مشابه شکل زیر برای شما باز می شود.

WOOF – Products Filter for WooCommerce

با باز شدن صفحه تنظیمات افزونه WOOF مشاهده می کنید که از 6 تب مختلف تشکیل شده است.

در ادامه آموزش به بررسی تنظیمات تب های مختلف موجود در افزونه WOOF – Products Filter for WooCommerce می پردازیم.

پیکربندی ساختار افزونه WOOF

در تب Structure می توانید ساختار افزونه شامل راه اندازی دکمه و پیکربندی منوی کشویی را تنظیم کنید.

WOOF – Products Filter for WooCommerce

در هر ردیف از المان های فیلتر می توانید 5 آیتم مختلف را تنظیم کنید.

  • اولین آیتم از راست یک آیکون است که با کشیدن و رها کردن آن می توانید محل المان ها در فرانت اند را تغییر دهید.
  • دومین آیتم یک منوی کشویی است که با استفاده از آن می توانید نمایش ترم های منتخب را در فرانت اند تغییر دهید. در این منو 4 نوع آیتم مختلف وجود دارد که شامل دکمه رادیویی، چک باکس، کشویی، چند کشویی هستند.
  • سومین قسمت ورودی متن است. در این قسمت می توانید برخی ترم ها را از فیلتر خود حذف کنید. برای این کار باید شناسه آنها را در این قسمت وارد کرده و با کاما از یکدیگر جدا کنید. به عنوان مثال 25,77,103.
  • آیتم چهارم دکمه additional options است. با کلیک بر روی این دکمه یک پنجره پاپ آپ برای شما باز می شود که در آن می توانید گزینه های دیگری را برای تنظیمات المان های فیلتر پیدا کنید.
WOOF – Products Filter for WooCommerce
  • آیتم پنجم یک چک باکس است که اگر می خواهید المان مربوطه را به فیلتر اضافه کنید باید آن را فعال کنید.

تنظیمات گزینه ها

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

WOOF – Products Filter for WooCommerce

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

Autosubmit: اگر این گزینه را در حالت Yes قرار دهید، افزونه WOOF پس از تغییر هر یک از المان های موجود در فرم، جستجو را شروع می کند.

Show count: با قرار دادن این گزینه در حالت Yes، تعداد آیتم ها در قسمت فرنت اند در کنار طبقه بندی ها نشان داده می شود.

Dynamic recount: اگر گزینه Show Count را فعال کرده باشید، با فعال کردن این گزینه تعداد آیتم های موجود را بصورت دینامیکی در نزدیکی طبقه بندی ها نشان می دهد.

Hide empty term: اگر Dynamic recount را فعال کرده باشید می توانید ترم های خالی را از این قسمت مخفی کنید. این گزینه مربوط به نسخه حرفه ای است.

Try to ajaxify the shop: اگر می خواهید از طریق آژاکس فیلتر را در فروشگاه خود فعال کنید ، گزینه “Yes” را انتخاب کنید. توجه داشته باشید که این گزینه با تمام قالب های وردپرس سازگار نیست.

Hide childs in checkboxes and radio: با فعال کردن این گزینه، نمایش فرزند ها در دکمه های رادیویی و چک باکس ها مخفی می شود. در این صورت در کنار چک باکس ها یا دکمه های رادیویی که دارای فرزند هستند، یک آیکون + نشان داده می شود.

Hide woof top panel buttons: اگر این گزینه را در حالت No قرار دهید، هنگامی که جستجو انجام شد، دکمه های قرمز در بالای صفحه فروشگاه (ناوبری فیلتر) نشان داده می شوند.

Lets checked terms will be on the top: ترم های انتخاب شده در بالای صفحه فروشگاه نشان داده می شوند.

دو گزینه زیر مربوط به نسخه پرمیوم هستند:

Filter button text: پیکربندی متن دکمه فیلتر در فرم جستجو

Reset button text: پیکربندی متن دکمه ریست در فرم جستجو. اگر می خواهید این دکمه نشان داده نشود هیچ گزینه ای در این قسمت وارد نکنید.

تنظیمات طراحی فیلتر در افزونه WOOF

در تب Design می توانید ظاهر افزونه WOOF را تنظیم کنید. چندین پوسته و گزینه های طراحی مختلف در این قسمت وجود دارد. گزینه هایی که بیشترین هماهنگی با سایت شما دارند را از این قسمت انتخاب کنید.

WOOF – Products Filter for WooCommerce

تنظیمات پیشرفته

در تب Advanced می توانید کد سفارشی وارد کنید و دیگر تنظیمات پیشرفته افزونه WOOF را انجام دهید

راه اندازی افزونه WOOF و قرار دادن فرم جستجو در فروشگاه

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

تنظیم خودکار فیلتر

اگر می خواهید فیلتر به صورت خودکار تنظیم شود باید در تب Options گزینه Set filter automatically را فعال کنید. سپس در صفحه فروشگاه و صفحات دسته بندی ها تنظیمات را مشاهده خواهید کرد.

وارد کردن ابزارک فیلتر در نوار کناری سایت

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

برای تنظیم ابزارک در پیشخوان وردپرس به مسیر نمایش » ابزارک ها بروید.

مشاهده می کنید که ابزارک “WooCommerce Products Filter” به قسمت ابزارک ها اضافه شده است.

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

WOOF – Products Filter for WooCommerce

Title: در این قسمت یک عنوان برای ابزارک خود انتخاب کنید.

Additional text before: در این قسمت می توانید یک متن را وارد کنید که قبل از ابزارک فرم جستجو نمایش داده شود. به عنوان مثال می توانید از ابزارک [woof_search_options] استفاده کنید.

Redirect to: در این قسمت می توانید لینکی را وارد کنید که کاربر با کلیک بر روی آن به صفحه دلخواه شما ریدایرکت شود.

Hide search form by default and show one button instead: اگر این قسمت را در حالت Yes قرار دهید، فرم جستجو پنهان شده و در عوض یک دکمه نشان داده خواهد شد.

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

بقیه موارد تنظیمات ابزارک در قسمت های قبل توضیح داده شده است.

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

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

افزونه WOOF دارای دو شورت کد است.

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

موقعیت عمودی:

[woof sid=”auto_shortcode” autosubmit=0]

موقعیت افقی:

[woof sid=”custom” autosubmit=0]

پارامتر sid کلاس سفارشی برای کد کوتاه است. برای ایجاد یک سبک منحصر به فرد برای طرح خود می توانید هر اسمی را اضافه کنید.

با استفاده از افزونه WOOF می توانید یک صفحه جداگانه با محصولات و فیلتر ایجاد کنید. این ویژگی در صورتی که بخواهید برخی از برندهای تجاری را تبلیغ کنید یا لیستی از محصولات را جدا کنید، مفید است.

فیلترها:

[woof sid=”custom” is_ajax=1]

محصولات:

[woof_products is_ajax=1 product_content=”product”]

امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.

دانلود افزونه

دانلود افزونه
صفحه افزونه

درباره ی مینا قدسی

مطلب پیشنهادی

افزونه Google XML Sitemaps

ساخت نقشه سایت در وردپرس با افزونه Google XML Sitemaps

یکی از اقدامات مهم برای هر وب سایت وردپرسی ساخت نقشه سایت و ارسال آن …

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *