1min
Infinite Scroll Results

﻿
By default Klevu Template JS contains elements for pagination and number of records per page.
This can easily be replaced with an Infinite Scroll using the ﻿Configuration option to enable the resultInfiniteScroll module.
JavaScript
|
<!-- Add the following below the klevu.js core script include -->
<script type="text/javascript">
klevu({
      theme: {
        modules: {
         resultInfiniteScroll: {
           quickSearch: {
             enable: true
           },
           searchResultsPage: {
             enable: true
           },
           categoryPage: {
             enable: true
           }
         }
       }
     }
})
</script>
<!-- Add the following below the klevu.js core script include -->
<script type="text/javascript">
klevu({
      theme: {
        modules: {
         resultInfiniteScroll: {
           quickSearch: {
             enable: true
           },
           searchResultsPage: {
             enable: true
           },
           categoryPage: {
             enable: true
           }
         }
       }
     }
})
</script>
﻿
See : An in-action example and the source code on the Klevu CodeSandbox﻿
﻿﻿
Updated 01 Mar 2023
Did this page help you?
Yes
UP NEXT
Magento B2B MSI
Docs powered by archbee