Infinite Scroll.js загружает те же товары по прокрутке, а не товары со следующей страницы - проблема BigCommerce? - PullRequest
Новая
       44

Infinite Scroll.js загружает те же товары по прокрутке, а не товары со следующей страницы - проблема BigCommerce?

0 голосов
/ 13 февраля 2019

Я попробовал тот же код, который указан в ссылке ниже, но по какой-то причине с моей стороны он загружает (клонирует) только элементы с текущей страницы, а не те, что на следующей странице ????Есть идеи, почему?

Как добавить бесконечный свиток на страницу категории BigCommerce 

<ul class="productGrid" data-infinite-scroll='{ "path": ".pagination-link", "append": ".product", "history": false }'>
{{#each products}}
<li class="product">
    {{>components/products/card show_compare=../show_compare show_rating=../settings.show_product_rating theme_settings=../theme_settings customer=../customer}}
</li>
{{/each}}
</ul>


<script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.js"></script>

1 Ответ

0 голосов
/ 13 февраля 2019

Похоже, что все ссылки на страницы имеют класс .pagination-link, включая пронумерованные (1,2,3 и т. Д.).Происходит то, что библиотека Infinite Scroll захватывает первый элемент с этим классом, который оказывается page = 1, так что это первая добавляемая страница.

Попробуйте обновить свой код, указав, что ссылка на путь должна быть ссылкой на следующую страницу: 

<ul class="productGrid" data-infinite-scroll='{ "path": ".pagination-item--next .pagination-link", "append": ".product", "history": false }'>
    {{#each products}}
    <li class="product">
            {{>components/products/card settings=../settings show_compare=../show_compare show_rating=../settings.show_product_rating theme_settings=../theme_settings customer=../customer event=../event position=(add @index 1)}}
    </li>
    {{/each}}
</ul>

Спасибо за заголовки - я обновлю свой предыдущий ответв сообщении, на которое вы ссылаетесь:)

...