UniFilter – Plugin jQuery Serbaguna untuk Memfilter, Menyortir & Mencari

  • Whatsapp
UniFilter - Plugin jQuery Serbaguna untuk Memfilter, Menyortir & Mencari

Source Code : UniFilter – Plugin jQuery Serbaguna untuk Memfilter, Menyortir & Mencari

Bacaan Lainnya

Plugin jQuery Serbaguna untuk Memfilter, Menyortir & Mencari

UniFilter jQuery Plugin adalah solusi #1 untuk memfilter, menyortir, dan mencari melalui serangkaian item yang dapat berupa toko online Anda, galeri foto, atau hanya beberapa set item.

Dengan UniFilter Anda dapat mengatur sejumlah filter, penggeser rentang, dan kotak pencarian. Di sisi lain, Anda hanya dapat menggunakan satu kotak pencarian, sambil tetap menonaktifkan semua fitur lainnya.

UniFilter dapat membantu Anda membuat galeri foto atau portofolio Anda lebih terorganisir dan ramah pengguna dengan menciptakan navigasi yang nyaman dan logis. Plugin berfungsi dengan baik di desktop dan perangkat seluler.

UniFilter bekerja dengan membaca params (tag) dari atribut “data-” yang ditetapkan ke item daftar dan kemudian memanipulasi pohon DOM dengan mengubah posisi dan tampilan item bergantung pada filter aktif, rentang yang dipilih, kueri penelusuran, dan opsi pengurutan.

Akhirnya UniFilter dapat ditempatkan di mana saja di situs web Anda, di bilah sisi atau tepat di atas kisi. Anda hanya perlu membuat wadah kosong dan mengkonfigurasi UniFilter untuk menggunakannya dan plugin akan menambahkan semua markup secara otomatis.

FITUR UTAMA

  • Empat efek animasi CSS3 murni – opacity, translate, rotate dan scale
  • Dukungan untuk beberapa filter, jangkauan, dan kotak pencarian
  • Tooltip dengan jumlah item yang cocok dengan filter tertentu
  • Kemampuan untuk menentukan fungsi khusus untuk mengurutkan label filter
  • Label khusus untuk setiap kotak filter, pencarian, atau rentang
  • Mengurutkan berdasarkan beberapa parameter dengan kemampuan untuk mengubah urutan pengurutan
  • Penyegaran langsung untuk setiap filter atau kueri penelusuran
  • Presisi yang dapat disesuaikan untuk penggeser rentang & awalan nilai
  • Fitur deeplinking dengan beberapa parameter filter
  • Pemfilteran cerdas dengan dua mode – “default” dan “bestmatch”
  • Opsi filter “terdepan” dan kemampuan untuk menyembunyikan filter secara dinamis tanpa item
  • Penggeser rentang untuk memfilter item menurut nilai numerik apa pun (harga, tanggal, dll)
  • Pencarian langsung dengan satu atau beberapa kata
  • Dukungan untuk tata letak yang lancar/tetap
  • Panggilan balik dan fungsi khusus
  • Tidak diperlukan markup
  • Ikon siap retina
  • Fitur gulir otomatis
  • Bekerja di desktop dan perangkat seluler
  • Kompatibilitas dengan plugin Masonry

Demo

UniFilter - Plugin jQuery Serbaguna untuk Memfilter, Menyortir & Mencari - 1UniFilter - Plugin jQuery Serbaguna untuk Memfilter, Menyortir & Mencari - 2

PERUBAHAN

# version 1.0 (Apr 21, 2018)
- plugin released!

# version 2.0 (May 1, 2018)
- major improvements in plugin code
- added four CSS3 animation effects to filter/re-align items
- added range slider to filter items by numeric values, like a price or rating
- improved logic of "bestmatch" mode
- improved compatibility with Masonry plugin

# version 2.1 (May 2, 2018)
- fixed problem with "multiple" filter option

# version 2.2 (May 5, 2018)
- fixed problem with range slider on mobile devices

# version 2.3 (May 13, 2018)
- fixed a problem with a getFilterData() function for retrieving filter tags

# version 2.4 (Jul 19, 2018)
- added support for retina screens

# version 3.0 (Sep 5, 2018)
- added deeplinking support
- added ability to sort filters by using predefined function
- added "hideEmptyFilters" option to hide filters with no matching items

KREDIT & SUMBER

Foto & Gambar – https://pxhere.com, Ikon – https://www.iconfinder.com, Plugin Batu – https://masonry.desandro.com, Plugin ImagesLoaded – https://imagesloaded.desandro.com

KUSTOMISASI & PEKERJAAN JAUH

Saya juga tersedia untuk pekerjaan jarak jauh! Jadi jika Anda perlu memodifikasi plugin (menambahkan fitur tambahan atau mengubah yang ada) jangan ragu untuk menghubungi saya melalui komentar atau melalui situs web saya formulir kontak. Saya juga dapat membantu menginstal plugin saya atau menyesuaikannya agar sesuai dengan desain situs web Anda.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *