در این بخش از آموزش افزونه جت اسمارت فیلتر، سراغ تنظیمات مربوط به فیلترهای فعال می رویم؛ بخشی که کمک می کند کاربران ببینند چه گزینه هایی را انتخاب کرده اند و بتوانند به سادگی آن ها را مدیریت یا حذف کنند. چند ویجت مهم در این قسمت وجود دارد که هر کدام وظیفه مشخصی دارند و در این آموزش تک تک آن ها بررسی می شوند.
تنظیمات ویجت فیلترهای فعال و نحوه نمایش برچسب ها
اولین مورد، تنظیمات خود ویجت Active Filters است. این ویجت انتخاب های کاربر را به صورت یک لیست یا مجموعه ای از برچسب ها نمایش می دهد. شما می توانید تعیین کنید هر فیلتر چطور نمایش داده شود، آیا نام فیلتر به کاربر نشان داده شود یا فقط مقدار انتخابی، و اینکه ترتیب نمایش بر چه اساسی باشد. در ادامه، ویجت برچسب های فعال (Active Tags) را بررسی می کنیم که طراحی جمع وجورتر و ظاهری شبیه تگ دارد. این ویجت گزینه های انتخاب شده را به صورت برچسب های کوچک نمایش می دهد که کاربر می تواند با یک کلیک هرکدام را حذف کند. تفاوت این دو ویجت و کاربرد هرکدام نیز در این بخش به طور کامل توضیح داده می شود.
تنظیمات استایل و شخصی سازی دکمه فیلتر
بخش دیگری از آموزش مربوط به تنظیمات ظاهری دکمه های حذف فیلتر یا حذف همه فیلترهاست. این دکمه ها در ظاهر کلی صفحه نقش مهمی دارند و باید به شکلی طراحی شوند که در عین زیبایی، برای کاربر کاملا قابل تشخیص باشند. در این قسمت بررسی می کنیم که چطور می توان رنگ، حاشیه، فاصله ها، آیکون ها و رفتار دکمه ها را تغییر داد تا با طراحی کلی سایت هماهنگ شوند. همچنین نحوه قراردادن دکمه Clear All و تفاوت آن با دکمه حذف فیلترهای تکی توضیح داده می شود.