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

ExJTMaster

  • Новичок
  • 7
  • 2
AJAX пагинация товара
« : 13.02.2017, 19: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

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

ExJTMaster

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

dmitry_stas

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

Автоматическая генерация кода товара (плагин)

Автор maslybs

Ответов: 5
Просмотров: 1119
Последний ответ 11.09.2017, 15:25:21
от apikron
Кол-во комментариев в карточке товара

Автор 20strannik08

Ответов: 4
Просмотров: 308
Последний ответ 04.09.2017, 13:43:41
от vipiusss
Вывести картинку товара в список товаров в личном кабинете ?

Автор pavel2950

Ответов: 7
Просмотров: 272
Последний ответ 14.05.2017, 15:59:13
от nevigen
Плагин - Скрывать цены, если товара нет в наличии [Скачать]

Автор kit2m2

Ответов: 2
Просмотров: 285
Последний ответ 02.05.2017, 12:16:06
от kit2m2
Таблица размеров (и т.п.) Плагин модульных позиций для атрибутов на странице товара [Скачать]

Автор kit2m2

Ответов: 37
Просмотров: 2677
Последний ответ 29.04.2017, 16:26:22
от kit2m2