Новости Joomla

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

ExJTMaster

  • Осваиваюсь на форуме
  • 11
  • 3 / 0
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

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

ExJTMaster

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

dmitry_stas

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

intcorp

  • Захожу иногда
  • 456
  • 12 / 0
Re: ajax пагинация товара
« Ответ #4 : 08.11.2018, 17:40:29 »
Хорошее решение, но, когда достигается конец позиций, кнопку , в идеале, нужно было бы скрыть, иначе начинает подгружать уже загруженные позиции.

П.с. если сейчас есть новые решения данного вопроса, поделитесь ссылочкой)
« Последнее редактирование: 08.11.2018, 18:37:55 от intcorp »
*

kadriel

  • Новичок
  • 3
  • 0 / 0
Re: ajax пагинация товара
« Ответ #5 : 29.04.2019, 01:20:51 »

П.с. если сейчас есть новые решения данного вопроса, поделитесь ссылочкой)

+1 ^-^
*

Gringo7

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: ajax пагинация товара
« Ответ #6 : 02.10.2019, 11:52:59 »
Немного другая реализация данного метода, с сокрытием кнопки, когда показывать нечего.

В самый конец list_products.php (после дива list_product) добавляем кнопку.
Код
<div id = "more-products" class = "hidden"><button onclick="showmore()">Показать еще</button></div>
И вставляем скрипт:
Код
<script>
    //После загрузки страницы проверяем, показывать ли кнопку Показать еще
    jQuery(function() {
        show_hide_btn();
    });

    function show_hide_btn() {
        //Проверяем, есть ли ссылка на след. страницу
        nexturl = jQuery(".pagination ul li.pagination-active").next().find("a").attr("href");
        // Если нашли, показываем кнопку
        if (nexturl) {
            jQuery("#more-products").removeClass("hidden");
        }
        // Если нет, скрываем
        else {
            jQuery("#more-products").addClass("hidden");
        }
    }

    function showmore(){
            nexturl = jQuery(".pagination ul li.pagination-active").next().find("a").attr("href");
        if (nexturl) {
            jQuery.ajax({
                url: nexturl,
                dataType: "html",
                type: "GET",
                cache: false,
                success: function(data){
                //    Вырезаем нужный нам код из ответа
                    var   add_html = jQuery(data).find(".list_product").html();
                    var   newPg = jQuery(data).find(".pagination").html();
                //    и вставляем его на страницу
                    jQuery(".list_product").append(add_html);
                    jQuery(".pagination ul").replaceWith(newPg);
                },
                error: function (error) {
                    console.log('Error sending AJAX request\nStatus code: ' + error.status + '\nStatus text: ' + error.statusText);
                },
                complete: function () {
                    //Проверяем, показывать ли кнопку Показать еще
                    show_hide_btn();
                }
                })
        }
    }
    </script>

Не использовал tmpl=component в url запроса, т.к. в этом случае сервер возвращает блок пагинации, где в ссылках тоже стоит этот параметр, что, естественно, не нужно. Возможно, это только мой случай, разбираться не стал, на скорость особо не влияет. И убрал обертывание ответа в div (('<div/>').append), браузер ругается на конструкцию. Думаю тоже особо не влияет.
*

goga_pgasovav

  • Захожу иногда
  • 385
  • 4 / 0
  • Внимательный джумловод
Re: ajax пагинация товара
« Ответ #7 : 12.10.2020, 15:36:25 »
Товарищи, взял за основу реализацию AJAX-пагинации от Gringo7.
Работает всё без нареканий. НО!
В пагинации, возвращаемой аяксом, какие-то модифицированные странными символами урлы получаются.
Например ссылка на первую страницу должна выглядеть так:
Код
http://mysite.com/mycategory?start=0
А AJAX возвращает следующее:
Код
http://mysite.com/mycategory?_=1602506113717&start=0
Отуда берётся это «_=1602506113717&» ?  :o
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: ajax пагинация товара
« Ответ #8 : 12.10.2020, 15:53:47 »
Отуда берётся это «_=1602506113717&» ? 
Вероятно, это работа параметра cache: false в запросе jQuery.ajax(); - он таким образом предотвращает кэширование гет-запроса браузером.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

goga_pgasovav

  • Захожу иногда
  • 385
  • 4 / 0
  • Внимательный джумловод
Re: ajax пагинация товара
« Ответ #9 : 12.10.2020, 16:01:34 »
sivers, огомное вам спасибо! Помогло. С AJAX раньше вообще дел не имел, и не знал, что такой параметр существует.
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: ajax пагинация товара
« Ответ #10 : 12.10.2020, 16:20:18 »
Помогло. С AJAX раньше вообще дел не имел, и не знал, что такой параметр существует.
Да пожалуйста. К слову, если отправлять запрос методом POST (параметр type: "GET" поменять на type: "POST"), то кэширования не будет в любом случае - пост-запросы не кэшируются.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В списке товаров вывести названия категорий каждого товара

Автор shop-user

Ответов: 5
Просмотров: 1397
Последний ответ 25.01.2022, 06:05:12
от kit2m2
Плагин - Инфоблок товара в списке товаров [Скачать]

Автор kit2m2

Ответов: 13
Просмотров: 2717
Последний ответ 20.10.2021, 14:51:08
от kit2m2
Автоматическая генерация кода товара (плагин)

Автор maslybs

Ответов: 8
Просмотров: 3191
Последний ответ 30.08.2021, 20:21:25
от nevigen
Таблица размеров (и т.п.) Плагин модульных позиций для атрибутов на странице товара [Скачать]

Автор kit2m2

Ответов: 39
Просмотров: 7107
Последний ответ 16.05.2021, 18:16:50
от kit2m2
Усовершенствованый фильтр 3.4.0(ajax)

Автор seetvael

Ответов: 252
Просмотров: 39190
Последний ответ 06.08.2020, 14:57:19
от goga_pgasovav