آموزش ساخت جستجو ایجکسی در ووکامرس با افزونه Ajax Search for WooCommerce

افزونه ساخت جستجو ایجکسی در ووکامرس

سیستم جستجو در هر فروشگاه اینترنتی از عوامل مهم به شمار می رود. به دلیل اینکه کاربران زمان جستجو در فروشگاه به دنبال محصولی خاصی هستند، نتیجه جستجو حتما باید دقیق باشد تا به محصول مورد نظر دسترسی پیدا کنند. اگر تعداد محصولاتتان کم باشد، جستجو راحت است ولی زمانی که تعداد محصولات سایت شما بیشمار باشد، باید از سیستم های جستجوی پیشرفته استفاده کنید. افزونه ساخت جستجو ایجکسی در ووکامرس با Ajax Search for WooCommerce یک ایده فوق العاده برای دارندگان سایت های فروشگاهی می تواند باشد. این افزونه به گونه ای عمل می کند که پیشنهادهای جستجو به صورت زنده در باکس بدون ترک صفحه در نوار جستجو نمایش داده می شود.

نکته: اگر وقتی وارد افزونه شدید و متوجه شدید که افزونه فارسی سازی نشده است، در ابتدا داخل هاست خود وارد مسیر wp-content/plugins/ajax-search-for-woocommerce/languages شده و فایل‌های زبان آن افزونه که نام‌های ajax-search-for-woocommerce-fa_IR.mo و ajax-search-for-woocommerce-fa_IR.po می‌باشند را در مسیر

wp-content/languages/plugins

“کپی کنید”. دقت کنید که نباید آن را کامل انتقال دهید و حتما باید این دو فایل در هردو مسیر بالا وجود داشته باشند تا افزونه فارسی شود.

 

آموزش نصب و راه اندازی افزونه جستجو ایجکسی در ووکامرس 

  1. سربرگ راه اندازی
  2. سربرگ نوار جستجو
  3. سربرگ کامل شدن خودکار
  4. سربرگ پیکربندی جستجو
  5. افزایش فروش
  6. نتیجه نهایی پیکربندی نوار جستجو

 

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

 

 

سربرگ راه اندازی

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

 

 

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

 

 

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

این مطلب را هم ببینید
برچسب ها در وردپرس و نحوه ی نوشتن و تعداد مناسب برچسب

 

 

ذخیره نهایی به شکل زیر است.

 

 

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

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

 

 

در بخش بعدی یک عنوان برای آن وارد کنید و پس از نوع چیدمان را مشخص کرده و ذخیره نمایید.

 

 

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

 

 

راه چهارم:  استفاده از کد PHP مشخص شده از تصویر زیر است.

 

سربرگ نوار جستجو

در این بخش این امکان را دارید تا نوار جستجوی ایجکسی را شخصی سازی و پیکربندی کنید. در سمت چپ نیز می توانید پیشنمایش را مشاهده کرده تا نتیجه تغییراتی که انجام داده اید را به صورت زنده مشاهده کنید.

پایه

 

 

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

حداکثر عرض فرم: بالاترین عرض فرم جستجو را بر حسب پیکسل مشخص نمایید.

نمایش دکمه ی تایید: در این بخش می توانید دکمه تایید را که خیلی کاربردی هم نیست، به نوار اضافه کنید.

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

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

چیدمان

 

 

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

روکش روی تلفن همراه: چگونگی نمایش به روی موبایل را تعیین نمایید.

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

این مطلب را هم ببینید
آسیب پذیری جدید وردپرس

رنگ ها

 

 

در اینجا، رنگ هر بخش را طبق سلیقه شخصی تغییر دهید.

پیش بارگذاری

 

 

نمایش پیش بارگذاری: نمایش آن را فعال و یا غیرفعال کنید.

تصویر پیش بارگذاری را بارگذاری کنید: اگر این گزینه را فعال کنید تصویر را در اینجا آپلود کنید.

سربرگ کامل شدن خودکار

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

پایه

 

 

حدود: بالاترین تعداد پیشنهادات را در اینجا مشخص نمایید.

نتایج گروهی: در این بخش تعیین کنید که نتایجی که نمایش داده می شود جدا جدا باشد یا به صورت گروهی.

لیبل برای زمانی که نتیجه ای وجود ندارد: همینطور که می بینید، لیبل خود را برای زمانی که جستجو، نتیجه ای به همراه ندارد وارد نمایید.

محصولات

 

 

نمایش تصویر محصول: تعیین کنید که تصویر محصول در جستجو نمایش داده شود یا خیر.

نمایش قیمت: تعیین کنید که قیمت محصول در جستجو نمایش داده شود یا خیر.

نمایش توضیحات محصول: تعیین کنید که توضیحات محصول در جستجو نمایش داده شود یا خیر.

نمایش کد محصول: تعیین کنید که کد محصول در جستجو نمایش داده شود یا خیر.

لیبل نتایج بیشتر: متن دلخواه خود را برای نتیجه بیشتر در کادر وارد نمایید.

 

کامل شدن محصولات به صورت خودکار

 

 

نمایش دسته بندی ها: تعیین کنید که آیا دسته بندی ها در پیشنهادات نمایش داده شود یا نشود.

نمایش برچسب ها: تعیین کنید که آیا برچسب ها در پیشنهادات نمایش داده شود یا نشود.

نمایش مطالب: تعیین کنید که آیا مطالب در پیشنهادات نمایش داده شود یا نشود.

نمایش صفحات: تعیین کنید که آیا صفحات در پیشنهادات نمایش داده شود یا نشود.

 

پنل جزئیات

 

 

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

 

 

رنگ های پیشنهادات

 

 

در اینجا رنگ های پیشنهادات را طبق سلیقه خودتان می توانید تغییر دهید.

 

سربرگ پیکربندی جستجو

در این بخش می توانید تنظیمات عملیات جستجو را مدیریت نمایید.

دامنه جستجوی محصولات

 

 

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

این مطلب را هم ببینید
روش های رفع کارت قرمز گوگل

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

فازی

 

 

تطبیق فازی: اگر این گزینه را فعال کنید، اگر کلید واژه جستجو عینا مطابقت نداشته باشد بر اساس ارتباط احتمالی، پیشنهاداتی را بر اساس کلید واژه ارائه شده نشان می دهد. برای مثال زمانی که شما “compu ner” را در جعبه جستجو تایپ کنید، تمامی گزینه هایی که در جستجوی “computer”  را برای شما نمایش می دهد. این گزینه همانگونه که می بینید برای کاربران عادی غیر ممکن است.

مترادف

 

 

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

افزایش فروش

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

جستجوی سریع

 

 

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

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

 

 

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

نتیجه نهایی پیکربندی نوار جستجو

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

 

ساخت جستجو ایجکسی در ووکامرس

 

دوباره سلام

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

 

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

 

 

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

ارسال دیدگاه

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

*

code

توسط
تومان
question