فیلتر محصولات در ووکامرس

آیا می خواهید بازدید کننده‌ی سایت شما هر بار که از وب سایت ووکامرسی شما بازدید می‌کن

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

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

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

کاربران به دلیل وجود محصولات مختلف گیج شده و وقت خود را برای یافتن محصول مورد نظر هدر می‌دهند

و قدرت جادویی فیلتر را فراموش می‌کنند. شما به عنوان مالک فروشگاه آنلاین، همیشه باید راه حلی ارائه دهید

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

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

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

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

با وب 30 همراه باشید.

آموزش افزونه فیلتر محصولات ووکامرس

آنچه در این مقاله به اختصار خواهید خواند:

  • چرا باید از افزونه‌ی فیلتر محصولات استفاده کنید؟
  • معرفی افزونه YITH WooCommerce Ajax Product Filter
  • آموزش افزونه فیلتر محصولات ووکامرس
  • پیکربندی سربرگ ظاهر در افزونه فیلتر محصول
  • سربرگ استایل سفارشی
  • چگونگی اضافه کردن ابزارک YITH WooCommerce Ajax Product Filter
  • نحوه‌ی پیکربندی ویژگی‌ها
  • اضافه کردن ویژگی به محصولات
  • راه‌اندازی ابزارک افزونه فیلتر محصول
  • تنظیم مجدد فیلتر با ابزارک YITH Ajax Reset Filter
  • نتیجه نهایی اضافه کردن ابزارک به سایدبار
  • پلاگین فیلتر محصولات

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

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

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

رنگ و سایر مشخصات را انتخاب کند. امروزه با افزایش تعداد فروشگاه‌های خرید آنلاین، هر فروشگاه آنلاین سعی دارد

با ارائه محصولات فراوان توجه کاربران را به خود جلب کند.

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

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

به عنوان مثال اگر یک مشتری به دنبال یک محصول با رنگ خاصی باشد به کمک گزینه‌ی فیلتر می‌تواند

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

تعداد جستجوها را کاهش می‌دهد و بسته به نیاز خریدار، نتایج را ارائه می‌دهد. از آنجا که ووکامرس،

به طور پیش فرض همچین قابلیتی را در اختیار شما قرار نمی‌دهد تنها راه دستیابی به آن،

نصب و استفاده از افزونه‌های فیلتر محصولات می‌باشد.

معرفی افزونه  YITH WooCommerce Ajax Product Filter

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

YITH WooCommerce Ajax Product Filter یک افزونه‌ی قدرتمند ووکامرسی به منظور فیلتر کردن محصولات فروشگاه

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

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

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

آموزش افزونه فیلتر محصولات ووکامرس

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

پس از نصب و فعال‌سازی افزونه، به مسیر YITH < افزونه فیلتر محصول ووکامرس بروید.

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

که به دو سربرگ اول در ادامه خواهیم پرداخت.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

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

در این قسمت باید تنظیمات مربوط به قالب ووکامرسی از قبیل جای محصول،

شمارنده جای فروشگاه و موارد دیگر را وارد کنید. این موارد به صورت پیش‌فرض مطابق با تنظیمات پیش‌فرض ووکامرس اعمال شده‌اند. بنابراین اگر از یک قالب استاندارد ووکامرسی استفاده می‌کنید نیازی به تغییر مقادیر نشان داده شده در بخش “ظاهر” نیست.

در غیر این‌صورت کلاس‌های مورد استفاده در الگوی قالب خود را اضافه کنید.

در صورت عدم آشنایی با کلاس‌های قالب از تغییر آن‌ها خودکاری کرده

و برای دریافت کلاس های صحیح با توسعه‌دهنده‌ی قالب خود تماس بگیرید.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

سربرگ استایل سفارشی

اگر می‌خواهید ظاهر قالب خود را با استفاده از CSS‌های سفارشی تغییر دهید،

می‌توانید از برگه‌ی استایل سفارشی در افزونه Ajax Product Filter استفاده کنید.

مطابق تصویر CSS‌های سفارشی خود را داخل باکس مشخص شده وارد کنید.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

چگونگی اضافه کردن ابزارک YITH WooCommerce Ajax Product Filter

ابزارک فیلتر محصول ووکامرس بر پایه‌ی ویژگی‌های پیکربندی شده

در مسیر “محصولات -> ویژگی‌ها” کار می‌کند. به همین دلیل،

قبل از افزودن ابزارک به نوار کناری، باید ابتدا ویژگی‌های مورد نظر خود را در قسمت ویژگی‌ها مطابق تصویر اضافه کرده

و سپس این ویژگی‌هایی که ایجاد کردید را به محصولات سایت خود اضافه کنید.

در ادامه شما را با نحوه‌ی انجام این‌ کار به صورت کامل آشنا خواهیم کرد.

نحوه‌ی پیکربندی ویژگی‌ها

برای این کار به مسیر “محصولات -> ویژگی‌ها” در پیشخوان وردپرس خود بروید.

صفحه‌ای مطابق تصویر زیر را مشاهده خواهید کرد که باید در آن ویژگی‌های محصول را اضافه کنید.

ویژگی‌ها به شما کمک می‌کنند که توضیحات بیشتری درباره محصول مانند رنگ یا اندازه نیز به آن اضافه کنید.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

برای اضافه کردن ویژگی جدید ابتدا نام ویژگی را در کادر مربوطه وارد کنید.

سپس در کادر بعدی یک نام یکتا یا اصطلاحا نامک وارد کرده و دقت کنید که نامک باید انگلیسی و کوتاه‌تر از 28 کاراکتر باشد.

در مرحله بعد اگر می‌خواهید که این ویژگی در بایگانی محصولات فروشگاه قرار بگیرد، تیک گزینه‌ی “بایگانی فعال شود؟” را بزنید.

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

بعد از اضافه کردن ویژگی‌ها باید آن‌ها را به محصولات سایت اضافه کنید.

اضافه کردن ویژگی به محصولات

فیلتر محصولات در ووکامرس

برای اضافه کردن ویژگی به محصولات سایت به مسیر “محصولات -> همه محصولات” رفته و موس خود را روی محصول مورد نظر خود ببرید.

از میان گزینه‌هایی که نمایش داده می‌شود روی گزینه‌ی “ویرایش” کلیک کنید.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter
ویرایش محصولات ووکامرس

وارد صفحه‌ی محصول که شدید به قسمت اطلاعات محصول رفته و روی گزینه “ویژگی‌ها” کلیک کنید.

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

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

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

حالا باید به این ویژگی مقدار اضافه کنید. برای اینکار مطابق تصویر روی افزودن کلیک کرده و مقادیر مورد نظر خود را وارد کنید.

ما به طور مثال مقادیر زرد، سبز، و قرمز را وارد کردیم.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter
ذخیره ویژگی‌ به محصولات ووکامرس

در انتها نیز با زدن دکمه‌ی “ذخیره‌ ویژگی‌ها” و به روز‌رسانی محصول، عملیات را به پایان برسانید.

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

در ادامه چگونگی انجام این کار را به شما آموزش خواهیم داد.

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

فیلتر محصولات در ووکامرس

برای اضافه کردن ابزارک فیلتر محصول به مسیر “نمایش -> ابزارک‌ها” بروید.

همانطور که طبق تصویر مشاهده می‌کنید ابزارک جدیدی به نام YITH Ajax Product Filter به ابزارک‌های شما اضافه شده است.

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

ابزارک در آنجا نمایش داده شود رها کنید. سپس باکس تنظیمات طبق تصویر برای شما باز خواهد شد.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

عنوان: عنوان ابزارک را وارد کنید.

نوع: نوع فیلتر را از میان گزینه‌های نوار پایین جهنده انتخاب کنید

  • لیست: این گزینه لیستی از ویژگی‌های متعلق به نوع انتخاب شده در گزینه “ویژگی” را نشان خواهد داد.
  • رنگ: این گزینه لیستی از کادرهای رنگی مرتبط با هر عنصر از ویژگی انتخاب شده در گزینه “ویژگی” را نشان می‌دهد.
  • برچسب: این مورد لیستی از برچسب‌های مرتبط با ویژگی انتخاب شده در گزینه “ویژگی” را نمایش خواهد داد.
  • کشویی: منویی از تمام مقادیر ویژگی انتخاب شده در گزینه “ویژگی” را نشان می‌دهد.

نوع کوئری: در این قسمت باید نوع کوئری، زمانی که دو ویجت به نوار کناری اضافه می‌شود را انتخاب کنید.

این کار باعث می‌شود که به کاربران امکان اعمال فیلترهای مختلف را همزمان بدهید.

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

ویژگی: در این مرحله یکی از ویژگی‌هایی که در “محصولات -> ویژگی‌ها” ایجاد کردید را برای ابزارک انتخاب کنید.

بعد از اعمال تنظیمات روی دکمه ذخیره کلیک کنید.

تنظیم مجدد فیلتر با ابزارک YITH Ajax Reset Filter

فیلتر محصولات در ووکامرس

ابزارک YITH Ajax Reset Filter به کاربران امکان می‌دهد فیلترهای اعمال شده در صفحه‌ی محصول فروشگاه را بازنشانی کرده و به نمای اولیه بازگردانند. این ابزارک فقط در صورتی به کاربران نشان داده می‌شود که حداقل یک فیلتر محصول در صفحه اعمال کرده باشند.

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

نتیجه نهایی اضافه کردن ابزارک به سایدبار

فیلتر محصولات در ووکامرس

همانطور که مشاهده کردید ما در مراحل قبلی سه ویژگی زرد و قرمز و سبز را اضافه کرده و نوع فیلتر را نیز رنگی انتخاب کرده

بودیم و رنگ هر کدام را نیز مشخص کردیم.

نتیجه نهایی بعد از اضافه کردن ابزارک به سایدبار به صورت تصویر زیر درآمد که بعد از انتخاب هر کدام از فیلترهای رنگی،

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

فیلتر محصولات با YITH WooCommerce Ajax Product Filter

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

فیلتر محصولات در ووکامرس

از آنجا که صنعت تجارت الکترونیک در واقع ارائه بهترین خدمات به مشتری با صرفه‌جویی در وقت و هزینه‌ی مشتریان شما است،

با شروع رشد فروشگاه ووکامرس و افزودن محصولات بیشتر،

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

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

ما در این مطلب شما را با یکی از بهترین پلاگین‌های فیلتر محصولات آشنا و نحوه کار با آن را به شما آموزش دادیم.

امیدواریم این مطلب مورد توجه شما قرار گرفته باشد.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

دیدگاهتان را بنویسید