[Инфо] Функционал бесконечного скролинга с диномичным URL

Тема в разделе "Wordpress", создана пользователем WiZXaK, 30 апр 2015.

Модераторы: DzSoft, Sorcus
  1. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    580
    Симпатии:
    805
    День добрый.
    Разыскиваю (Решено, читать до конца) функционал, решение постраничной навигации для WP - Бесконечный скролл с диномичным URL.
    Общий принцип простой: вывод сообщений на 1 станице по нажатию на кнопку (Загрузить еще..).
    При этом в момент перехода от одной страницы к другой URL изменяется.

    DEMO: Реализованный функционал (уже под WP) можно посмотреть на Перейти по ссылке.
    Обратите внимание на смену адреса станиц (/page/2/ - /page/3/) во время скролла.

    Вывод: Удобно для пользователя ПК + Мобайл и хорошо для SEO.

    P.S: Интересны решения для WP и Woo именно с меняющимся URL во время скроллинга на одной станице. Благодарю.
    - из сырого, что откопал сам: Перейти по ссылке
    - Перейти по ссылке
    - Перейти по ссылке
     
    Последнее редактирование: 21 июл 2015
    vitlik_666 нравится это.
  2. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    580
    Симпатии:
    805
    Цель найти не функционал "Загрузить еще" - их полно, необходимо решение по стандартному принципу постраничной навигации: стр 1 стр 2 стр 3 стр 4 и т.д. на каждые скажем 5 записей. но с кнопкой "Загрузить еще".
    Пример на демо выше.
     
  3. ddn128

    ddn128

    Регистр.:
    31 июл 2013
    Сообщения:
    401
    Симпатии:
    192
    Куда делось моё предыдущее сообщение?

    Так я вообще-то именно об этом и говорю. Такое Вас интересует? Перейти по ссылке

    Почитайте ещё раз, но другими словами - Перейти по ссылке
     
  4. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    580
    Симпатии:
    805
    Да именно метод «history.pushState» подходит, все верно.
    в Перейти по ссылке реализован просто скролл, не более. (к тому же не работает на не стандартных темах).

    Не совсем. Необходимо Перейти по ссылке 1 в 1, но благодарю за проявленный интерес.

    Нашел более менее подходящее решение, если верить документации.
    1) WooCommerce Infinite Scroll and Ajax Pagination - Перейти по ссылке
    2) Animated Infinite Scroll - WordPress Plugin - Перейти по ссылке
    Но пока нет возможности проверить.
     
    Последнее редактирование: 30 апр 2015
  5. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    137
    Симпатии:
    211
    Сап! Вроде нашел что-то похожее, взгляни:

    ps. я там сайт пилю, если будет сосем не то, что скидываю, попроси поставить назад. )
    я влючил скроллинг без кнопки load, но можно и с кнопкой load сделать
     
  6. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    580
    Симпатии:
    805
     
    Последнее редактирование: 4 май 2015
  7. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    137
    Симпатии:
    211
    а, ну да, я на это не обратил внимание) ты прав! когда буду копаться, делая сайт, возьму на заметку, и по возможности делать себе такую же штуку, если что нового будет - отпишусь ;)
     
    WiZXaK нравится это.
  8. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    137
    Симпатии:
    211
     
  9. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    580
    Симпатии:
    805
     
    Последнее редактирование: 4 май 2015
  10. bardak

    bardak Постоялец

    Регистр.:
    30 июл 2012
    Сообщения:
    137
    Симпатии:
    211