در این بخش از آموزش افزونه جت اسمارت فیلتر، می رویم سراغ ساخت فیلترهایی شبیه آنچه در سایت دیجی کالا مشاهده می کنیم؛ یعنی مجموعه ای از فیلترهای کامل، حرفه ای و دسته بندی شده برای محصولاتی که چند ویژگی مختلف دارند. هدف این جلسه این است که یاد بگیرید چطور ساختار فیلترهای یک فروشگاه بزرگ را با جت اسمارت فیلتر بازسازی کنید و برای هر ویژگی محصول، یک فیلتر دقیق و قابل اعتماد بسازید.
انتخاب نوع فیلتر برای ویژگی های مختلف محصول
برای ایجاد فیلترهای مشابه دیجی کالا، ابتدا باید ویژگی های اصلی محصولات را مشخص کنید؛ مانند برند، قیمت، رنگ، دسته بندی، موجودی، گارانتی، امتیاز یا حتی ویژگی های سفارشی تر. بسته به نوع هر ویژگی، نوع فیلتر نیز متفاوت است. مثلاً برای قیمت از Range Slider استفاده می کنیم؛ برای برند و رنگ از CheckBox یا Select؛ و برای ویژگی های محدود از Radio یا Switcher. نکته مهم این است که این فیلترها باید به متافیلدها یا ویژگی های ووکامرس متصل شوند تا نتیجه دقیق باشد. در این آموزش مرحله به مرحله تنظیمات هر نوع فیلتر را توضیح می دهیم تا ساختار مشابه فروشگاه های حرفه ای ایجاد شود.
چیدمان فیلترها و هماهنگی با ظاهر یک فروشگاه حرفه ای
بعد از ساخت فیلترها، نوبت به چینش و طراحی آن ها می رسد. در این جلسه یاد می گیرید چگونه مانند دیجی کالا فیلترها را در یک ستون منظم قرار دهید و از آکاردئون ها برای دسته بندی آن ها استفاده کنید. همچنین نحوه تنظیم رفتار فیلترها روی لیست محصول، نوع به روزرسانی AJAX، نمایش فیلترهای فعال و دکمه حذف همه فیلترها بررسی می شود. ظاهر فیلترها نیز قابل سفارشی سازی است؛ از رنگ بندی گرفته تا اندازه گزینه ها، حالت فعال، آیکون ها و نحوه باز و بسته شدن هر بخش. با کامل شدن این مراحل، یک سیستم فیلترینگ کاربردی و مشابه استانداردهای فروشگاه های بزرگ خواهید داشت که تجربه کاربران را به شکل محسوسی بهتر می کند.