v2.5.2
Giriş yap

Scroll ile veri yükleme

halukkrc
3,884 defa görüntülendi

Aşağıdaki kod ile tüm ürünleri aynı anda sayfa yüklendiğinde getiriyor.
Amacım sayfa yüklendiğinde 20 ürün ile başlamak scroll aşağı indikçe 10+ ürün çekmek yardımcı olursanız sevinirim.

 <?php
        $portfoyrakam=1;
        $portfoysor=$db->prepare("SELECT * FROM portfoy ORDER BY portfoy_sira ASC");
        $portfoysor->execute();
        while ($portfoy=$portfoysor->fetch(PDO::FETCH_ASSOC)) { $portfoyrakam++; ?>

                            <div class="col-md-3 col-sm-4">
                                    <div class="single-product mb-40">
                                        <div class="product-img-content mb-20">
                                            <div class="product-img">
                                                <a href="product-details.html">
                                                    <img src="<?php echo $portfoy['portfoy_resim'] ?>" alt="">
                                                </a>
                                            </div>
                                            <span class="new-label text-uppercase">-30%</span>
                                            <div class="product-action text-center">
                                                <a href="#" title="Quick view" data-toggle="modal" data-target="#productModal">
                                                    <i class="zmdi zmdi-eye"></i>
                                                </a>
                                                <a href="#">
                                                    <i class="zmdi zmdi-shopping-cart"></i>
                                                </a>
                                                <a href="#">
                                                    <i class="zmdi zmdi-favorite"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-content text-center text-uppercase">
                                            <a href="product-details.html" title="<?php echo $portfoy['portfoy_baslik'] ?>"><?php echo $portfoy['portfoy_baslik'] ?></a>
                                            <div class="rating-icon">
                                                <i class="zmdi zmdi-star"></i>
                                                <i class="zmdi zmdi-star"></i>
                                                <i class="zmdi zmdi-star"></i>
                                                <i class="zmdi zmdi-star"></i>
                                                <i class="zmdi zmdi-star"></i>
                                            </div>
                                            <div class="product-price">
                                                <span class="new-price">£ 185.00</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <?php } ?>
Cevap yaz
Cevaplar (1)
myrioos
1845 gün önce

İyi günler hocam burda tayfun hocamız daha önceden yapmış olduğu bir video var umarım işinize yarar.

jQuery ile Scroll İndikçe Yeni Veri Yükleme Uygulaması