Jump to content
покупайте без комиссии
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

[Поддержка] Ajax каталог – кнопка “показать еще”, сортировка, пагинация, лимит без перезагрузки страницы


Recommended Posts

Ajax каталог – кнопка “показать еще”, сортировка, пагинация, лимит без перезагрузки страницы


Ajax каталог – кнопка “показать еще”, сортировка, пагинация, лимит без перезагрузки страницы


Дополнение добавляет кнопку показать еще на основные страницы товаров. 

Особенностью дополнения является смена url без перезагрузки страницы, что в свою очередь позволяет сохранить страницу товара на которой находится пользователь даже после обновления вручную. Также в настройках вы можете включить пагинацию, сортировка и лимит без перезагрузки страницы.

 

Возможности 

  • Динамическая смена URL (как Вконтакте) 
  • Авто возврат к товару в каталоге
  • Пагинация без перезагрузки страницы
  • Сортировка без перезагрузки страницы
  • Лимит без перезагрузки 
  • Кнопка "Показать еще" 

 

Демо каталог: https://apl.pitov.pro/desktops/

Демо админкаhttps://apl.pitov.pro/admin

 

Лицензия

1.       Дополнение продается по принципу “AS IS”

2.       Одна лицензия распространяется только на один домен


  • Добавил
  • Добавлено
    29.07.2018
  • Категория
  • Системные требования
  • Сайт разработчика
  • Метод активации
    По запросу в ЛС
  • Ioncube Loader
    Нет
  • OpenCart
    3.0
    2.3
    2.2
    2.1
    2.0
  • ocStore
    3.0
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Opencart.pro 2.3
    Opencart.pro 2.1
    OcShop 2.0.3.х
  • Обращение к серверу разработчика
    Нет
  • Старая цена

 

  • +1 1
Link to post
Share on other sites

А демка есть?

Link to post
Share on other sites

Вопрос - нажимаешь "Показать еще", подгружаются товары без перезагрузки, меняется URL, как будто перешёл на страницу 2, 3 и т.д - супер. Нажимаю на товар со второй страницы товаров, потом нажимаю "назад" и попадаешь не на страницу, на которой был (простынь всех товаров с 3 х станиц), а попадаю на третью страницу пагинации, как будто я переходил по страницам стандартным методом. И при этом экран не проскроливается к товару, а остаётся в самом низу. Вообщем не понятно немного получается - был на одной странице, вернулся на другую...

Надеюсь понятно расписал...

Если этот вопрос решится - думаю куплю и поставлю на сайт

Link to post
Share on other sites

С мегафильтром будет работать?

Link to post
Share on other sites

@AndrewZ тогда только убрать смену урла, если я правильно понял Вас 

Link to post
Share on other sites

@Sergeyy84 да, вчера делал под фильтр, нужно в модификаторе будет одну привязку просто добавить 

Link to post
Share on other sites

Под xds coloring нужно будет заказывать адаптацию?

Link to post
Share on other sites

@Sergeyy84 я не знаю, пробуйте, если нужно будет - поправлю, как первому покупателю бесплатно

Link to post
Share on other sites

Советовал бы сделать возможность автопрдгрузки при скролле вниз без нажатия кнопок. 

Link to post
Share on other sites

11 hours ago, ArtemPitov said:

@AndrewZ тогда только убрать смену урла, если я правильно понял Вас 

Понятно, но это, как по мне не выход. Логика для посетителя какая - нажав кнопку "Назад" он должен попасть в тоже место, откуда пришел.

Может, если попадаешь на 3-ю страницу, например, то хотя бы проскроливало к товару, на котором остановился... Такое возможно?

 

И еще вопрос - как влияет модуль на поведенческие показатели Гугла, например. При обычной пагинации Гугл видит и фиксирует кол-во посещений страниц и учитывает это в своем ранжировании (не знаю как, но на что-то это все таки влияет). У Вас классно сделано, что меняется url, но страница при этом не перезагружается - вот интересно - гугл отслеживает переход на следующие 15 товаров, как просмотр еще одной страницы или для него это все также одна страница?

Link to post
Share on other sites

@AndrewZ

попадает на туда же ток уже на страницы 2 3 5
у меня в профиле есть браузерная кнопка назад на сайт - для бабушек))
она так же будет работать - браузер так ищет чет..

это походу придется переходя по страницам и возвращаясь вываливать выше все то что на предыдущих страницах
но это  туго будет

Link to post
Share on other sites
25 minutes ago, AWARO said:

@AndrewZ

попадает на туда же ток уже на страницы 2 3 5
у меня в профиле есть браузерная кнопка назад на сайт - для бабушек))
она так же будет работать - браузер так ищет чет..

 это походу придется переходя по страницам и возвращаясь вываливать выше все то что на предыдущих страницах
но это  туго будет

Да, я уже понял. Но допилить бы хотя бы возврат к товару, с которого был переход. Пока нажимая назад - вижу футер и приходится скролить вверх, искать товар, на котором закончил просмотр.

Link to post
Share on other sites

9 часов назад, AndrewZ сказал:

Понятно, но это, как по мне не выход. Логика для посетителя какая - нажав кнопку "Назад" он должен попасть в тоже место, откуда пришел.

Может, если попадаешь на 3-ю страницу, например, то хотя бы проскроливало к товару, на котором остановился... Такое возможно?

нет, такое не получится, из-за лики работы истории браузера, каждое нажатие это "ходьба" по страницам 

Link to post
Share on other sites
9 часов назад, AndrewZ сказал:

И еще вопрос - как влияет модуль на поведенческие показатели Гугла, например. При обычной пагинации Гугл видит и фиксирует кол-во посещений страниц и учитывает это в своем ранжировании (не знаю как, но на что-то это все таки влияет)

а эта кнопка грубо говоря просто "нажималка" по пагинации, по логике, должно фиксироваться также 

Link to post
Share on other sites
9 часов назад, prived сказал:

Советовал бы сделать возможность автопрдгрузки при скролле вниз без нажатия кнопок.

это весьма плохая практика, но если будут такие пожелания могу сделать 

Link to post
Share on other sites
22 минуты назад, ArtemPitov сказал:

хотя бы проскроливало к товару, на котором остановился... Такое возможно?

 

Link to post
Share on other sites

19 минут назад, ArtemPitov сказал:

это весьма плохая практика, но если будут такие пожелания могу сделать 

сегодня уже оставлял заявку на проект где может пригодится и сразу подумал про этот модуль если что 

если практика плохая ( просто добавить отключение функционала ) 

Link to post
Share on other sites

@prived модуль без админки, это просто модификатор, вариант только писать под конкретные нужды 

Link to post
Share on other sites

@Sergeyy84 нет, я его не отслежу, если только в "сторидж" отправлять метку, но большого смысла в этом нет 

Link to post
Share on other sites

@Sergeyy84 напишите подробнее, я не совсем понимаю логики работы которую Вы хотите 

Link to post
Share on other sites
2 hours ago, ArtemPitov said:

@Sergeyy84 нет, я его не отслежу, если только в "сторидж" отправлять метку, но большого смысла в этом нет 

Главный смысл - вернуть покупателя туда, откуда он пришел. Представьте - Вы идете по торговому центру, заходите в магазин, выходите, а оказались на 2м этаже возле другого магазина. 

Можно с перепугу убежать с этого торгового центра.  

На сайте все по аналогии...

Как минимум - экран должен вернуться в категорию к тому товару, с которого вернулись. Как максимум - страница должна быть идентична той, которая была до этого, а не только на какую-то страницу пагинации...

Link to post
Share on other sites

@AndrewZ я подумаю над таким вариантом, если решу - цена модуля будет поднята 

Link to post
Share on other sites

Сейчас по демо, если зайти в товар и выйти обратно, то виден подвал.

Нельзя ли сделать чтобы хотя бы скролило вверх страницы?

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By ArtemPitov
      750 10
      Скачать/Купить дополнение


      Бесконечная загрузка товаров | Infinite Scroll
      Важно: адаптация платная
       
      Дополнение добавляет бесконечную погрузку товаров на основные страницы товаров. 
      Особенностью дополнения является смена url без перезагрузки страницы, что в свою очередь позволяет сохранить страницу товара на которой находится пользователь даже после обновления страницы вручную. Модуль тестировал на дефолтном шаблоне, адаптация платная
       
      Возможности 
      Динамическая смена URL (как Вконтакте)  Автоматическая загрузка товаров (как лента Вконтакте) Переход к последнему товару при возврате   
      Демо каталог: https://apl.pitov.pro/desktops/mac/ модуль включен только  на этой странице
      Демо админка: у модуля нет админки
       
      Версия модуля 2.х
      Полностью переписанная новая версия модуль, теперь модуль написан на чистом JavaScript, без использования jQuery и любых других зависимостей
       
      Функционал модуля:
      Бесконечная загрузка товаров со сменной URL Корректный возврат со страницы товара в каталог, по нажатию на кнопку "назад" в браузере  Замена тегов title, meta Замена URL при скроллинге вверх/вниз, происходит подмен URL, как будто пользователь находится на конкретной странице (находится в бета тестировании) Добавления кнопки "Показать еще" при достижении лимита автозагрузки товаров   Для разработчиков. Добавлены события на document: iscroll:action, iscroll:rendering, iscroll:rendering:after который дают возможность отслеживать добавления новых товаров   
      В версии 2.1 будет добавлено:
      Настройки модуля через админку  Визуальный выбор селекторов для настройки модуля  
      Демо каталог: https://iscroll.pitov.pro/index.php?route=product/category&path=20
       
      Лицензия: 
      1.       Дополнение продается по принципу “AS IS”
      2.       Одна лицензия распространяется только на один домен
      Добавил ArtemPitov Добавлено 13.02.2019 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3.0.2.4
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 0  
    • By ArtemPitov
      Важно: адаптация платная
       
      Дополнение добавляет бесконечную погрузку товаров на основные страницы товаров. 
      Особенностью дополнения является смена url без перезагрузки страницы, что в свою очередь позволяет сохранить страницу товара на которой находится пользователь даже после обновления страницы вручную. Модуль тестировал на дефолтном шаблоне, адаптация платная
       
      Возможности 
      Динамическая смена URL (как Вконтакте)  Автоматическая загрузка товаров (как лента Вконтакте) Переход к последнему товару при возврате   
      Демо каталог: https://apl.pitov.pro/desktops/mac/ модуль включен только  на этой странице
      Демо админка: у модуля нет админки
       
      Версия модуля 2.х
      Полностью переписанная новая версия модуль, теперь модуль написан на чистом JavaScript, без использования jQuery и любых других зависимостей
       
      Функционал модуля:
      Бесконечная загрузка товаров со сменной URL Корректный возврат со страницы товара в каталог, по нажатию на кнопку "назад" в браузере  Замена тегов title, meta Замена URL при скроллинге вверх/вниз, происходит подмен URL, как будто пользователь находится на конкретной странице (находится в бета тестировании) Добавления кнопки "Показать еще" при достижении лимита автозагрузки товаров   Для разработчиков. Добавлены события на document: iscroll:action, iscroll:rendering, iscroll:rendering:after который дают возможность отслеживать добавления новых товаров   
      В версии 2.1 будет добавлено:
      Настройки модуля через админку  Визуальный выбор селекторов для настройки модуля  
      Демо каталог: https://iscroll.pitov.pro/index.php?route=product/category&path=20
       
      Лицензия: 
      1.       Дополнение продается по принципу “AS IS”
      2.       Одна лицензия распространяется только на один домен
    • By zemleroi
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
    • By zemleroi
      750
      Скачать/Купить дополнение


      Кнопка "Показать еще" товары (OC1.5.x&OC2.x)
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
      Добавил zemleroi Добавлено 25.04.2015 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 0  
    • By chukcha
      В списках товаров (категория, производитель, акции) Opencart есть пагинация. (вот удивил)
      С помощью нее мы переходим на следующие страницы в списках товаров.
      Существуют ситуации, когда переход по страницам, не совсем удобно, проще и удобней покликать по кнопке Показать еще
       
      И у этого метода есть преимущества:
      - Более быстрая подгрузка товаров, чем переход на страницы (уменьшение нагрузки на сервер от пользователей)
       - Покупатель не покидает товары с первой страницы, производит какие-то действия, задерживается на странице - Повышается Поведенческий фактор (ПФ)

       
      Для всех популярных шаблонов  - адаптация бесплатная
      Модуль писался с учетом минимальных затрат на адаптацию, но всякое может случится, например изменить код кнопки.

      Будет ли работать с фильтрами?
      Если Не используется собственный код ajax пагинации



      Для 2.1 даже не думал
       

      В свое время наблюдалась тенденция перехода от страниц пагинации на бесконечную прокрутку - загрузка большего количества товаров. Это позволяло пользователю прокручивать страницу, не доходя до ее «конца» и получать больше информации о товарных позициях. Это интересно если у вас 2-3 страницы, т.е. у вас есть возможность долистать до футера, но ведь футер это часть взаимодействия  пользователя с сайтом, как правило там находятся ссылки на обратную связь, на информационные страницы.
      Поэтому при большой постраничности такое решение не очень юзабильно.
      Кнопка Показать еще - это способ найти золотую середину между классической нумерацией страниц и бесконечной прокруткой. Он состоит из кнопки в нижней части страницы (списков с товарами), которая будет загружать больше контента при нажатии,
      давая пользователю решение увидеть или больше товаров или добраться до конца страницы.
       
       
      По поводу адаптации

      Возможно, что адаптация потребует каких-то изменений
      1. Вид кнопки - в данном случае бутстраповская button.btn - (цвет фона, цвет текста) правятся в модуле
      2. Есть реализации (другие движки) когда кнопка выглядит в виде миникарточки товара - большой блок - такая работа платная
      3. Замена прогресс бар, или spin - договариваемся отдельно
       
       
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.