Я пытаюсь создать функцию, которая загружает больше продуктов, используя запрос Ajax в Woocommerce. Моя идея состоит в том, чтобы создать кнопку «Загрузить больше продуктов», которая заменяет разбиение на страницы woocommerce и загружает 2-ю, 3-ю и т. Д. Страницы с использованием запроса ajax. Я создал скрипт, который создает кнопку «Загрузить больше» с запросом ajax, и он работает, но я пытаюсь создать функцию php, которая извлекает остальные продукты с помощью запроса ajax.
Ниже моего кода для создания кнопки «Загрузить больше»:
<?php
$max_num_pages = $wp_query->max_num_pages;
if ($max_num_pages > 1) {
$output .=
'<script type="text/javascript">
var page = 1,
max_page = '.$max_num_pages.'
jQuery(document).ready(function(){
jQuery(".woocommerce-pagination").hide();
jQuery("#woo_load_more").click(function(){
jQuery(this).hide();
jQuery("#spinner").show();
jQuery.ajax({
type: "POST",
url: "http://demo.ecquadro.com/transport/wp-admin/admin-ajax.php",
data: {
action: "wooPagination",
page: page+1,
per_page: 4,
},
success: function(data, textStatus, XMLHttpRequest){
page++;
jQuery(".prova").append(data);
jQuery("#spinner").hide();
if (max_page > page) {
jQuery("#woo_load_more").show();
}
},
error: function(MLHttpRequest, textStatus, errorThrown){
jQuery("#spinner").hide();
jQuery(this).show();
}
});
});
});
</script>
<div class="woo-products-load">
<a href="javascript:void(0);" id="woo_load_more" class=""><span>'.__('Load More Posts', '').'</span></a>
<img id="spinner" src="'.get_template_directory_uri().'/img/loader.gif" style="display: none;">
</div>';
}
echo $output;
?>
Любая идея, как создать функцию под названием «wooPagination», которая загружает остальные страницы?
Заранее спасибо.