Tujuan: Memuat produk berikutnya secara otomatis saat pengunjung menggulir halaman shop (tanpa klik halaman).
Tampilan Halaman Pengaturan
Cara Mengaktifkan
Buka Dashboard WordPress > AgenWebsite > Storekit, pilih tab WooCommerce, lalu menu Infinite Scroll di sidebar.
- Centang Enable Feature.
- Atur ambang & opsi pagination, lalu simpan.
Konfigurasi
| Pengaturan | Default | Keterangan |
|---|---|---|
| Load Threshold (px) | 300 | Jarak dari bawah layar yang memicu pemuatan. |
| Hide Default Pagination | Aktif | Menyembunyikan navigasi halaman bawaan WooCommerce. |
Tampilan di Frontend
Di halaman shop, kategori, dan tag, produk berikutnya dimuat otomatis saat menggulir mendekati bagian bawah, dengan indikator loading hingga semua produk tampil.
⚠️ Catatan: Fitur ini dirancang untuk markup produk klasik WooCommerce (ul.products li.product dengan pagination .woocommerce-pagination). Pada tema berbasis WooCommerce Blocks (blok Product Collection), struktur berbeda sehingga infinite scroll tidak berjalan dan pagination blok tidak tersembunyi. Gunakan grid produk klasik agar fitur berfungsi.