Skip to content

Magento 2.4.3-p3 Load More is not working

I am trying to show products number correctly in product list, but if click Load More button, added all products

= Before click Load More

enter image description here

enter image description here

= After click Load More

enter image description here


Added Extension – Infinite Scroll

enter image description here

if it was working in magento2.3.4, should I update extension version?
/home/caterin1/test.cateringspares.com.au/app/code/Olegnax/InfiniteScroll/view/frontend/templates/loader.phtml

<?php
/**
 * @author      Olegnax
 * @package     Olegnax_InfiniteScroll
 * @copyright   Copyright (c) 2019 Olegnax (http://olegnax.com/). All rights reserved.
 * See COPYING.txt for license details.
 */

use OlegnaxInfiniteScrollHelperHelper;
use OlegnaxInfiniteScrollModelConfigSourceLoaderType;
use OlegnaxInfiniteScrollModelConfigSourceType;

/** @var Helper $_helper */
$config = $this->helper(Helper::class)->getModuleConfig('general');
if (('' !== $config['loader_type'] && Type::TYPE_DISABLED !== $config['type']) || Type::TYPE_BUTTON == $config['type']): ?>
    <script data-role="ox-infinity-scroll" type="text/x-magento-template">
        <div class="ox-product-scroll ox-product-scroll__loader--<?= $config['loader_type']; ?> ox-product-scroll__type--<?= $config['type']; ?>">
            <?php if ($config['progress_counter']): ?>
                <div class="ox-product-scroll__amount">
                    <div class="amount-wrap">
                        <?= $config['progress_label1']; ?> <span class="toolbar-number-first"></span> - <span class="toolbar-number-last"></span> <?= $config['progress_label2']; ?> <span class="toolbar-number-total"></span> <?= $config['progress_label3']; ?>
                    </div>
                    <div class="amount-count-line"><span style="width: 0%;"></span></div>
                </div>
            <?php endif; ?>
            <?php if ('' !== $config['loader_type'] && Type::TYPE_DISABLED !== $config['type']): ?>
                <div class="ox-product-scroll__loader">
                    <?php if (LoaderType::TYPE_IMAGE == $config['loader_type']): ?>
                        <img src="<?= $this->getViewFileUrl($config['loader']) ?>"
                             class="ox-product-scroll__loader-image"/>
                    <?php endif; ?>
                </div>
            <?php endif; ?>
            <?php if (Type::TYPE_BUTTON == $config['type']): ?>
                <div class="button ox-product-scroll__button">
                    <span class="label"><?= $config['button_label']; ?></span>
                </div>
            <?php endif; ?>
        </div>
    </script>
<?php endif; ?>