AJAX пагинация товара

  • 3 Ответов
  • 225 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

AJAX пагинация товара
« : 13.02.2017, 21:03:45 »
Сделал AJAX пагинацию товара по кнопке "Показать еще товары"

В файл шаблона /list_products/list_products.php
в конце перед последним </div> добавить код кнопки
<div class = "more-product"><button class = "show-more btn btn-default" onclick="showmore()">Показать еще</button></div>и в конце файла добавить скрипт
<script>
function showmore(){
var lasturl = jQuery(".pagination li").last().find("a").attr("href");
if (lasturl){
var ajax_products_url = jQuery(".pagination li").eq(-2).find("a").attr("href")+"&tmpl=component";
jQuery.ajax({
url: ajax_products_url,
dataType: "html",
type: "GET",
cache: false,
success: function (result) {
var newContent = jQuery('<div/>').append(result).find(".list_product");
var newPagination = jQuery('<div/>').append(result).find("ul.pagination");
jQuery('.more-product').replaceWith(newContent.children());
jQuery('ul.pagination').replaceWith(newPagination);
lasturl = jQuery(".pagination li").last().find("a").attr("href");
if (!lasturl){
jQuery('.more-product').html("");
}
}
});
} else {
jQuery('.more-product').html("");
}
}
</script>

*

Онлайн dmitry_stas

Re: AJAX пагинация товара
« Ответ #1 : 13.02.2017, 21:14:21 »
AJAX пагинацию сделать несложно. сложно сделать чтобы она правильно ботами поисковыми вопринималась. и чтобы кнопка Назад в браузере нормально работала. и т.п. а саму кнопочку Показать еще сделать несложно :) но в любом случае спасибо что поделились.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

Re: AJAX пагинация товара
« Ответ #2 : 13.02.2017, 21:17:56 »
AJAX пагинацию сделать несложно. сложно сделать чтобы она правильно ботами поисковыми вопринималась. и чтобы кнопка Назад в браузере нормально работала. и т.п. а саму кнопочку Показать еще сделать несложно :) но в любом случае спасибо что поделились.
Должна правильно поисковиками обрабатываться, так как фактически блок пагинации остается, его можно скрыть стилями, для поисковика все по старой схеме работает.
Назад тоже верно работает, возвращает на предыдущую страницу

*

Онлайн dmitry_stas

Re: AJAX пагинация товара
« Ответ #3 : 14.02.2017, 03:27:40 »
tmpl=component не забыть от индексации закрыть
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций