在类别页面上加载更多不适用于波尔图主题 magento 2 的产品答案

【问题标题】：Load more products not working in porto theme magento 2 on category page在类别页面上加载更多不适用于波尔图主题 magento 2 的产品
【发布时间】：2020-01-31 10:13:25
【问题描述】：

我想在类别页面上无限滚动产品，但加载更多不起作用。我正在使用波尔图主题。参考：https://prnt.sc/qvimev

【问题讨论】：

您设法解决了这个问题吗？我也有同样的问题。
是的，我已经修好了。

标签： magento2

【解决方案1】：

<script>
require(["jquery"], function($) {
var url = $('.next').attr('href');
if (typeof url === "undefined") {
$('#load-more-product').html('');
}
$('#load-more-product-link').on('click', function() {
var url = $('.next').attr('href');
$('#load-more-product').hide();
$('#load-more-loader').show();
$.get(url, function(data) {
$('#load-more-loader').hide();
$('#load-more-product').show();
var result = $(data).find('.item.product.product-item');
var nxtUrl = $(data).find('.next').attr('href');
result.each(function(index, value) {
$('.products.list.items.product-items').append(value);
$("form[data-role='tocart-form']").catalogAddToCart();
});
if (typeof nxtUrl === "undefined") {
$('#load-more-product').html('<em>No More product in this Category.</em>');
} else {
$('.next').attr('href', nxtUrl);
}
});
});
});
</script>

【讨论】：