Manual Jquery Fly to Cart Ala Prestashop

Jquery fly to cart ala prestashop – Halooo Semua, pada artikel ini Pixel Bali mau berbagi secarik javascript code, yaitu code untuk membuat gambar terbang ke keranjang belajang seperti pada pretashop versi terbaru.

Menurut penulis, jquery fly to cart merupakan ide yang sangat kreatif dari Prestashop, selain untuk mempercantik dan memperindah tampilan website, jquery ini juga sangat friendly user, dalam artian dengan adanya animasi gambar produk yang terbang ke keranjang belanja, user bisa cepat memahami bahwa produk yang telah ditambah ke keranjang belanja sudah masuk ke keranjang belanja. #Jadi tidak bingung bahwa produk nya sudah ditambah atau belum.

Nah dari pada itu, salah satu Team Pixel Bali mencoba untuk meniru dan membuat coding untuk jquery fly to cart ala prestashop tersebut. Dan dengan sedikit pengetahuan di bahasa pemrograman javascript, akhirnya code nya jadi juga. 😀

Sebagai contoh buatlah html dasar yang menampilkan produk dan keranjang belanja secara default.

Dibawah tag html di atas, tambahkan code javascript berikut:

Ayoo sekarang silahkan dicoba!! Semoga artikel ini bisa membantu bagi yang memerlukan. Untuk code yang lengkap bisa download disini.

Jika masih ada pertanyaan, jangan sungkan untuk bertanya. Sekian dari Team Pixel Bali dan Terima Kasih.

Share di:   Email this to someone Share on Facebook Tweet about this on Twitter Share on Google+ Share on LinkedIn

Tinggalkan Komentar: