jQuery – E-Ticaret için ürün karşılaştırma yapımı

jQuery – E-Ticaret için ürün karşılaştırma yapımı

  • 7 Aralık 2015
  • 29 Okunma
  • Yorum Yok
  • 3 DK

Merhabalar JQuery severler,

Bu kısa yazımızda sadece jquery kullanıcaz php kodlarından bahsetmeyeceğim çünkü o kısımın özellikleri siteye göre değişiyor. Ben her sitede aynı olan bir özelliği göstereceğim.

Senaryomuzu hemen anlatıyorum. Bir eticaret sitesi yapıyorsunuz ve kullanıcının ürünleri karşılaştırmasını istiyorsunuz. Resimlerin altında “Karşılaştır” butonu var. 1. ve 2. butona basılmasının ardından açtığınız özel bir sayfaya bu iki ürünün idsini veya sefurl sini yollayarak işlem yapacaksınız. Birde bu sistemde 2 ayrı kategorideki ürünü karşılaştıramazsınız yani telefon kategorisi ile beyaz eşya kategorisini karşılaştıramazsınız illa aynı kategoride olacak 😀

Kodlarımız aşağıda ve size küçük bir örnek de yapıcağım.

 jQuery(funtion($){ var sefler =[]; $(".karsilastirbt").on("click",function(){ $(this).attr("disabled", "disabled"); var sefal = $(this).parent(); sefler.push($(".seflink",sefal).val()); if(sefler.length==2){ window.location.href = "/"+sefler[0]+"-ile-"+sefler[1]+"-karsilastirmasi"; } }); 

Yukarıdaki kodların açıklamasını yazıyorum.
1. Satır : Sefler isminde bir tane boş dizi oluştur.
2. Satır : class değeri “karsilastirbt” olan obje tıklandığında
3. Satır : Bu objedeye disabled parametresini ekle.
4. Satır : “sefal” isminde bir değişken oluştur ve tıklanan objenin bir dışına çık.
5. Satır : sefler ismindeki diziye “sefal” objesinin içindeki “seflink” classlı değerini al
6. Satır : eğer sefler dizisinin boyutu 2 ise
7. Satır : yönlendirme yap

Yukarıda satır satır açıklamasını yaptığım kodların birde html kısmı var. Onuda aşağıdaki örnekte inceleyebilirsiniz.

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

jQuery – E-Ticaret için ürün karşılaştırma yapımı İle Benzer Yazılar

"jQuery – E-Ticaret için ürün karşılaştırma yapımı" Yazısına uygun diğer makalerler

jQuery – E-Ticaret için ürün karşılaştırma yapımı
Youtube, İnternetsiz video izlettirecek
Youtube, İnternetsiz video izlettirecek
jQuery – E-Ticaret için ürün karşılaştırma yapımı
Youtube videolarınızı gife çevirin
Youtube videolarınızı gife çevirin
jQuery – E-Ticaret için ürün karşılaştırma yapımı
Youtube de html5 e geçin.
Youtube de html5 e geçin.