boxleaf/module-infinatescroll 1.0.0

Magento 2 Catalog List infinate scroll

Magento 2 - Infinate Scroll

Make your category product lists non paginated, auto loading. With Masonry, Isotope or packery

Fully customizable to any theme, just change the css clases for your list.

Compatible with any version of magento 2.

Can i use this on other lists?

The answer is simple yes of course you can using the template under view/frontend/templates

You can see two segmants

1. the x-magento-template simply load this on to the list you wish to use the autoloader on.

<script id="scroll-status" type="text/x-magento-template">
    <div class="page-load-status">
        <div class="infinite-scroll-request">
            <div class="loader-ellips">
                <span class="loader-ellips__dot"></span>
                <span class="loader-ellips__dot"></span>
                <span class="loader-ellips__dot"></span>
                <span class="loader-ellips__dot"></span>
            </div>
        </div>
        <p class="infinite-scroll-last"><%- data.text %></p>
        <p class="infinite-scroll-error"><%- data.text %></p>
    </div>
</script>
````
2. The actual script initialization 

```$xslt
<script type="text/x-magento-init">
    {
        "<?= $block->getContainer(); ?>": {
            "scroll": <?= $block->getJsonBlock(); ?>
        }
    }
</script>

Replace the above as so

```$xslt

The above will work on any list whether it nested 

```html
<div class="list-items">
    <div class="list-item">Item1</div>
    <div class="list-item">Item2</div>
    ...etc
</div>

Or html <ul class="list-items"> <li class="list-item">Item1</div> <li class="list-item">Item2</div> ...etc </div> Ideas:

Any ideas feel free to post them in issues where to go next with this.

Other Modules:

Magento 2 - Custom Customer Quote Lists

Coming Soon:

Company Hirachy

Installation:

composer config repositories.productpricelist vcs https://github.com/danrcoull/product-price-list.git
composer require suttonsilver/module-pricelists:dev-master
php bin/magento module:enable GremlinTech_InfinateScroll
php bin/magento setup:upgrade
php bin/magento setup:di:compile #yes do this we use extension attributes so you can see the original price and the custom price.
php bin/magento setup:static-content:deploy en_GB en_US -f 
php bin/magento cache:flush

Yes i work hard, plenty more modules to come feel free to by me a coffee below.