Halo selamat datang kembali di website tips dan trik Dumet School, pada artikel sebelumnya kita banyak sekali belajar dan memasang berbagai plugin jQuery. Dan pada kesempatan kali ini saya akan memberikan tips dan trik tentang Membuat Layout Product Dengan Plugin jQuery Product Comparision. Yang akan memperkenalkan plugin jQuery Comparision dimana hasil dari plugin ini sangat menarik sekali, yaitu kita mempunyai sebuah product kemudian kita berikan button dimana button tersebut kita berikan plugin untuk di kirimkan ke dalam tampungan dari semua product yang kita batasi sebanyak 3 produk, kemudian di tampungan product kita berikan fungsi untuk kita hubungkan deskripsi dari ketiga product tersebut. Untuk gambarannya teman Рteman bisa lihat gambar di bawah ini

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Bisa teman – teman lihat pada gambar di atas ini yang saya beri lingkaran berwarna merah, adalah button untuk menghubungkan dedalam tampungan yang di berikan maksimal 3 product

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Ketika kita kilk compare maka akan menampilkan deskripsi product

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Baik, langsung saja kita implementasikan Membuat Layout Product Dengan Plugin jQuery Product Comparision. Teman – teman siapkan foto product nya dan download plugin Comparision nya di link ini.

Kemudian saya membuat layoutnya, disini saya menggunakan framework w3.css, jika teman – teman ingin menggunakan framework lainnya boleh saja mungkin dengan bootstrap yang saat ini popular. Dan harus dita perhatikan teman – teman sertakan nama id nya

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Kemudian saya membuat layout, dan mengisi id nya pada setiap button + (id=”addToCompare”)

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Kemudian kita tampung

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Dan kita berikan id=”cmprBtn” untuk menghubungkan deskripsi nya yang sudah di sediakan di dalam plugin

Kemudian kita berikan fungsi close dan fungsi maksimal 3 product (error)

Membuat Layout Product Dengan Plugin jQuery Product Comparision

Maka produck berhasil kita buat dan berikan plugin, sehingga akan menjadi layout yang menarik. Oke sekian pada artikel kali ini tentang Membuat Layout Product Dengan Plugin jQuery Product Comparision kita akan berjumpa kembali pada artikel yang akan datang. Semoga bermanfaat untuk teman – teman yang sedang mencari refrensi plugin untuk membuat sebuah layout website nya. Terimakasih dan sampai jumpa.

Untuk script lengkapnya bisa download di link ini