جستجوی ایجکسی در ووکامرس با WooCommerce Predictive Search

256 بازدید
دوشنبه ۲۲ شهریور ۱۳۹۵
جستجوی ایجکسی در ووکامرس با WooCommerce Predictive SearchReviewed by جواد نبوی on Sep 12Rating: 4.0

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

جستجوي ايجکسي در ووکامرس

جستجوی ایجکسی در ووکامرس با WooCommerce Predictive Search

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

آموزش WooCommerce Predictive Search

ابتدا افزونه WooCommerce Predictive Search را نصب و فعال کنيد. اگر نحوه نصب و فعال کردن افزونه های وردپرس را نميدانيد حتما مقاله راهنماي گام به گام نصب و فعالسازي افزونه هاي وردپرس را ببينيد.

اين افزونه برای اضافه کردن بخش جستجو، از ابزارک استفاده مي کند. براي اينکار به بخش نمايش » ابزارک ها از منوی وردپرس برويد. در صفحه ابزارک ها ، ابزارک Woocommerce Predictive Search را به درون يکي از کادر هاي سمت چپ (محل دلخواه از سايتتان که ميخواهيد قسمت جستجو نمايش داده شود) بکشانيد. در صورتي که کادري در سمت چپ نميبينيد يعني قالب شما از ابزارک پشتيباني نمي کند. اگر قالب شما از ابزارک ها پشتيباني نميکند، براي افزودن اين قابليت حتما مقاله اضافه کردن پشتيباني از ابزارک ها به قالب وردپرس را بخوانيد.

جستجوي ايجکسي حرفه اي در ووکامرس

هنگامي که ابزارک را اضافه کرديد، يکسري تنظيمات درون اين ابزارک مي بينيد که بايد آنها را انجام دهيد. هر کدام از گزينه ها را در زير توضيح مي دهيم:

woocommerce predictive search

Title: عنوان ابزارک را بايد وارد کنيد.

Search box text message: متني که در اين قسمت وارد مي کنيد درون کادر جستجو نمايش داده مي شود.

Product Name: تعداد محصولات قابل نمايش را تعيين کنيد.

Posts: اگر ميخواهيد مطالب سايتتان هم در نتايج جستجو نمايش داده شوند، تعدادشان را وارد کنيد.

Pages: اگر ميخواهيد برگه هاي سايتتان هم در نتايج جستجو نشان داده شوند، تعدادشان را وارد کنيد.

Show Results Images: اگر تيک اين گزينه را بزنيد، تصوير شاخص محصولات هم در نتايج جستجو نشان داده مي شود.

Show Results Prices: اگر تيک اين گزينه زده باشد، در نتايج جستجو قيمت محصولات نيز ذکر خواهد شد.

Show Results Description: در صورت فعال بودن اين گزينه، خلاصه توضيحات محصول نيز به نمايش در خواهد آمد.

Character Count: اگر تيک گزينه قبل را زده باشيد، در اين قسمت بايد تعيين کنيد که توضيحات محصول چند کاراکتر بايد باشد.

در نهايت روي دکمه ذخيره کليک کنيد.

حالا با رفتن به سايتتان ميتوانيد کادر جستجوی ايجکسی را مشاهده کنيد. اما ممکن است بخواهيد تنظيمات بيشتری روی اين باکس جستجو انجام دهيد و آن را سفارشی تر کنيد. براي اينکار با ادامه اين مقاله همراه باشيد.

تنظيمات افزونه Woocommerce Predictive Search

براي انجام تنظيمات بيشتر افزونه بايد به بخش ووکامرس » Predictive Search برويد. در اين صفحه تنظيمات کاملتر افزونه را خواهيد ديد.

جستجوي ايجکسي حرفه اي در ووکامرس

در صفحه تنظيمات تب هاي مختلفي مي بينيد. هر کدام از اين تب ها براي انجام تنظيمات بخشي از سيستم جستجو هستند. در تب Settings اصلي ترين تنظيمات افزونه قابل انجام هستند. در تب Search Box ميتوانيد تنظيمات مربوط به کادر جستجو را انجام دهيد. کار هايي مثل تعيين انيميشن کادر ايجکسی و … . در تب Performance تنظيمات خاصي موجود نيست فقط ميتوانيد ديتابيس محصولات موجود در سيستم جستجو را آپديت کنيد. در تب All Results Pages ميتوانيد تنظيمات صفحه نتايج جستجو را کنترل و تعيين کنيد. البته اين افزونه نتايج را به صورت ايجکسی نمايش مي دهد، اما اگر کاربر روي دکمه جستجو کليک کند نتايج در صفحه جداگانه ای باز خواهند شد.

در تب Widget Tamplate تنظيمات ظاهر و عملکرد ابزارک جستجو قابل انجام هستند. چيز هايي مثل شکل و آيکون هاي موجود در فيلد و دکمه جستجو و همچنين کادر اصلي بخش جستجو. تنظيمات موجود در دو تب آخر هم مخصوص نسخه پولی افزونه هستند و در نسخه رايگان قابل انجام نيستند.

اگر ميخواهيد سيستم جستجوي ايجکسي در کل سايت وردپرسي خود را فعال کنيد حتما مطلب جستجوي ايجکسي در وردپرس را ببينيد.

تبلیغات

نویسنده (مدیر سایت)

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

پاسخ دهید

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