پشتیبانی و مشاوره : 05138538006 - 09159129565
شما اینجا هستید

فیلتر کردن محصولات به صورت آژاکس در ووکامرس | YITH WOOCOMMERCE AJAX PRODUCT FILTER

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

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

قیمت:
35,000 تومان
فیلتر کردن محصولات به صورت  آژاکس در ووکامرس | YITH WOOCOMMERCE AJAX PRODUCT FILTER
افزونه وردپرس 0 نقد و بررسی 220 بازدید

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

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

اضافه نکنید.

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

در غیر این صورت، کلاس‌هایی که در قالب تم‌تان قرار دارد را اضافه نمایید. اگر آن‌ها را نمی‌شناسید، لطفاً با طراح سایتتان تماس بگیرید تا کلاس‌های صحیح را به دست شما برساند.

 

فیلتر کردن محصولات به صورت آژاکس در ووکامرس | پیدا کردن سریع محصولات در ووکامرس

 

فیلتر کردن محصولات به صورت آژاکس در ووکامرس بیایید دقیق ببینیم که چگونه می‌توانیم انتخابگرهای (Selectors) مشخص شده در کنسول مرورگر را همان طور که در تصویر زیر نشان

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

  • Product container: کلاس انتخابگر ظرف کلی محصول

 

فیلتر کردن محصولات به صورت آژاکس در ووکامرس | پیدا کردن سریع محصولات در ووکامرس

 

  • Paging container: کلاس انتخابگر صفحه بندی

 

  • Product counter container: کلاس انتخابگر شمارنده‌ی محصول

 

  • Widget titles: کلاس انتخابگر عناوین ویجت

 

  • Scroll top anchor: برچسب HTML برای اسکرول کردن به بالای صفحه

 

  • Widget wrapper tag: برچسب HTML برای ویجت پوشاننده (Wrapper)

 

صفحه بندی فروشگاه به صورت آژاکس

 

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

 

  • Enable ajax shop pagination را فعال کنید
  • انتخابگر هر شماره‌ی صفحه را مشخص کنید

 

فیلتر کردن محصولات به صورت آژاکس در ووکامرس | پیدا کردن سریع محصولات در ووکامرس

 

سئو

 

شاخص گذاری لینک‌هایی که توسط افزونه‌ی YITH WooCommerce Ajax Product Filter ساخته شده، به لطف گزینه‌ای که در زبانه‌ی SEO وجود دارد قابل انجام است. گزینه‌ی SEO را فعال کنید تا در صورتی که فیلتری فعال بود، بتوانید متاتگ robots را در برچسب <head> صفحه به نمایش بگذارید.

 

پارامتر Content این برچسب را به صورت‌های زیر می‌توان مقداردهی کرد:

 

  • <meta name=”robots” content=”index,follow”>
  • <meta name=”robots” content=”noindex,follow”>
  • <meta name=”robots” content=”index,nofollow”>
  • <meta name=”robots” content=”noindex,nofollow”>

 

فیلتر کردن محصولات به صورت آژاکس در ووکامرس و اگر می‌خواهید بعد از اعمال فیلتر آدرس صفحه به صورت پویا تغییر کند، گزینه‌ی Change browser URL را فعال کنید.

 

فیلتر کردن محصولات به صورت آژاکس در ووکامرس | پیدا کردن سریع محصولات در ووکامرس

 

مدیریت سلسله مراتبی برچسب‌های محصول

 

با فعال سازی Enable Hierarchical Management for Product Tags می‌توانید برچسب‌ها را به صورت سلسله مراتبی مدیریت کنید و

به بی‌شمار زیر سطح دسترسی داشته باشید.

 

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

 

اگر می‌خواهید نمای برچسب‌ها را به توجه به سطحی که برچسب متعلق به آن است تنظیم کنید، کد CSS مربوطه را به تم خود اضافه

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

 

اسکرول به بالا

 

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

در حقیقت صفحه به سمت انتخابگری که از بخش Scroll top anchor مشخص کردید اسکرول می‌گردد.

 

گزینه‌ی Scroll Top را بر روی دستگاه‌های دسکتاپ یا موبایل می‌توان فعال کرد.

 

YITH WooCommerce Ajax Product Filter

 

این صفحه شامل لیست کامل ویجت‌هایی است که می‌توانید آن را با نسخه‌ی پریمیوم افزونه‌ی YITH WooCommerce Ajax Product

Filter به کار ببندید.

فیلتر عناصر مختلف را همان طور که از فیلد Order By در داشبورد تنظیمات افزونه مشخص کردید، می‌توانید به ترتیب حروف الفبا یا

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

 

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

 

ویجت YITH WooCommerce Ajax Product Filter با ویژگی‌های که از بخش Products -> Attributes تنظیم شده‌اند کار می‌کند. به

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

 

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

Ajax Product Filter را به سایدبار سایت خود اضافه کنید.

 

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

 

با استفاده از گزینه‌های زیر امکان تنظیم ویجت وجود دارد:

 

  • Title: عنوان ویجت.
  • Attribute: ویژگی نمایشی محصول (در کنار ویژگی‌هایی که از بخش Products > Attributes ساخته شده است).
  • Query Type: نوع کوئری قابل اعمال در ویجت برای زمانی که دو ویجت در یک سایدبار اضافه شده و کاربران باید بتوانند فیلترهای مختلف را به طور همزمان انتخاب کنند:
  • AND: فقط نمایش محصولاتی که هر دو شرط تعیین شده توسط کاربر را داشته باشند.
  • OR: نمایش محصولاتی که حداقل یکی از شروط تعیین شده توسط کاربر را داشته باشند.
  • Type:
  • List: این گزینه لیست ویژگی‌های متعلق به مدل انتخابی کاربر از بخش ویژگی‌هاست
  • Color: لیست جعبه‌های رنگی مربوط به هر عنصر از ویژگی‌هایی انتخاب شده
  • Label: لیست لیبل‌های مربوط به مقادیر ویژگی‌های انتخاب شده
  • Dropdown: انتخاب منویی که مقادیر ویژگی‌های انتخاب شده را نشان می‌دهد
  • Categories: لیست دسته بندی‌های محصول
  • BiColor: لیست جعبه‌های دو رنگ، که برای تنظیم ویژگی‌های رنگی حین انتخاب دو رنگ مختلف به صورت همزمان استفاده می‌شود.
  • Tags: لیست کامل برچسب‌های محصولی که به بخش Products > Attributes اضافه کرده‌اید و با محصولات‌تان ارتباط دارد.
  • Brand: اگر از نسخه‌ی پریمیوم YITH WooCommerce Brands Add-On استفاده می‌کنید، با انتخاب گزینه‌ی Brand می‌توانید به کاربران اجازه دهید تا محصولات را بر اساس برندشان فیلتر کنند.

 

  • Attribute: یکی از ویژگی‌هایی که از بخش Products > Attributes برای ویجت‌ها ساخته شده را انتخاب کنید.
  • Show widget dropdown: برای نمایش ویجت این گزینه را با استفاده از حالت Dropdown فعال کنید و با استفاده از گزینه‌ی Dropdown style، از بین دو حالت باز و بسته نحوه‌ی نمایش آن را در هنگام بازگذاری صفحه تعیین نمایید.

مدل List

مدل Color

مدل Label

مدل Dropdown

مدل CATEGORIES

مدل BiColor

مدل Tags

اگر محصولات را با استفاده از دسته بندی یا برچسب آن فیلتر کردید، می‌توانید به کاربر اجازه دهید تا با فعال سازی گزینه‌های Show “All Tags” link و Show “All categories” link که در بخش تنظیمات افزونه وجود دارد، امکان رفرش کردن نمای ابتدایی را داشته باشد. برخلاف ویجت Reset filter که همه‌ی فیلترهای اعمال شده را بازنشانی می‌کند، این گزینه به شما اجازه می‌دهد تا فیلترهایی که روی برچسب‌ها یا دسته بندی‌ها اعمال شده را لغو کنید.

 

YITH WooCommerce Ajax Reset Filter

 

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

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

 

YITH WooCommerce Ajax Price List Filter

 

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

برای تعیین یک رنج قیمتی جدید روی Add new range کلیک کنید.

YITH WooCommerce Ajax In Stock/On Sale Filters

با ویجت YITH WooCommerce Ajax In Stock/On Sale Filters می‌توانید امکان فیلتر محصولات بر اساس وضعیت تخفیفشان را فراهم کنید.

 

YITH WooCommerce Ajax Sort By

ویجت YITH WooCommerce Ajax Sort By که فقط در نسخه‌ی پریمیوم این افزونه در دسترس است به شما اجازه می‌دهد تا محصولات موجود در فروشگاه را بر اساس موارد زیر مرتب کنید:

 

  • تعداد فروش
  • امتیاز
  • تاریخ انتشار
  • قیمت

WooCommerce Price Filter

در داشبورد تنظیمات افزونه می‌توانید بخشی از تنظیمات ویجت WooCommerce Price Filter را تغییر دهید.

  • Ajax Loader: انتخاب تصویر آیکن بارگذاری صفحه برای زمانی که کاربران فیلتری را بر روی محصولات اعمال می‌کنند.
  • Ajax WooCommerce Price Filter: اگر این گزینه را فعال کنید، ویجت WooCommerce Price Filter فیلتر آژاکس را فعال می‌کند تا نیازی به بارگذاری مجدد صفحه نباشد.
  • WooCommerce Price Filter Slider: این گزینه به شما اجازه می‌دهد تا فیلتر WooCommerce Price Filter را به شکل پویا در بیاورید تا کاربران بتوانند با حرکت دادن نشانگر موس بر روی نوار قیمت محصول، حداقل و حداکثر قیمت را برای فیلتر کردن محصولات انتخاب کنید.
  • Instant WooCommerce Price Filter slider: این گزینه امکان استفاده از WooCommerce price filter را با اسلایدر آژاکس بدون نیاز به دکمه‌ی Filter فراهم می‌کند.
  • Dropdown for WooCommerce Price Filter: این گزینه حالت Dropdown را به ویجت WooCommerce price filter اضافه می‌کند.
  • Open/Close for WooCommerce Price Filter: اگر حالت Dropdown روی این ویجت تنظیم شده باشد، با استفاده از این گزینه می‌توانید باز یا بسته بودن ویجت را در حین بارگذاری صفحه مشخص کنید.

نقد و بررسی ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین کسی باشید که دیدگاهی می نویسد “فیلتر کردن محصولات به صورت آژاکس در ووکامرس | YITH WOOCOMMERCE AJAX PRODUCT FILTER”

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