Каталог товаров, как сделано подгрузить ещё 30ть товаров ?

P
На сайте с 06.01.2009
Offline
601
764

Здравствуйте. Понимаю нубский вопрос, но не могу разобраться самостоятельно.

Подскажите, пож-та, вот есть каталог товаров вот Не могу разобраться принцип работы - как сделана подгрузка дополнительных при нажатии кнопки (показать ещё 30)?

Если я правильно понимаю, то в исходный код подгружаются все товары, но потом страница сворачивается оставив первые 30-ть. Это сделано на ajax ?

У меня товар другой, но затея такая же - реализация понравилась.

Подскажите, пож-та. Спасибо.

anotherbird
На сайте с 04.03.2016
Offline
41
#1
postavkin:


Если я правильно понимаю, то в исходный код подгружаются все товары, но потом страница сворачивается оставив первые 30-ть. Это сделано на ajax ?

нет, не так. при нажатии кнопки "подгрузить ещё" ajax отправляет серверному скрипту post запрос, сервер выдаёт дополнительные 30 товаров, js скрипт вставляет их в нужное место.

10 строк на js и 10 строк кода на стороне сервера, но это решение так себе для seo, лучше сделать пагинацию

P
На сайте с 06.01.2009
Offline
601
#2
anotherbird:

10 строк на js и 10 строк кода на стороне сервера, но это решение так себе для seo, лучше сделать пагинацию

А почему для сео не очень хорошо, можете сказать по пунктам? Спасибо! Я так вижу что хорошо - на все товары есть ссылки с каталога, с основной страницы каталога. А если пагинация, то на первой страницы вес больше у ссылок, а на сто пицотой странице пагинации настолько мало веса, что товары не качаются.

---------- Добавлено 14.12.2016 в 21:58 ----------

anotherbird:
js скрипт вставляет их в нужное место.

И да , я вот тут не понял. Почему вставляет, если в коде страницы, даже до "вставления" - есть код относящийся к подгружаемым по нажатию товарам.

totamon
На сайте с 12.05.2007
Offline
437
#3
postavkin:
Почему вставляет, если в коде страницы, даже до "вставления" - есть код относящийся к подгружаемым по нажатию товарам.

это какой-то кривой вариант, что за движок на сайте? вот погуглил за вас, а вот примеры скриптов

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
danforth
На сайте с 18.12.2015
Offline
153
#4
anotherbird:
нет, не так. при нажатии кнопки "подгрузить ещё" ajax отправляет серверному скрипту post запрос, сервер выдаёт дополнительные 30 товаров, js скрипт вставляет их в нужное место.

GET запрос, зачем POST?

anotherbird:
10 строк на js и 10 строк кода на стороне сервера, но это решение так себе для seo, лучше сделать пагинацию

Сервер можно не трогать, просто append содержимое листинга товаров (или массив товаров) в конец текущего списка товаров.

И на SEO это никак не влияет. Вообще.

Делается на JavaScript.

Junior Web Developer
anotherbird
На сайте с 04.03.2016
Offline
41
#5
postavkin:

И да , я вот тут не понял. Почему вставляет, если в коде страницы, даже до "вставления" - есть код относящийся к подгружаемым по нажатию товарам.

нету там кода, скрипт срабатывает на событие по клику на класс=more_result

S
На сайте с 30.09.2016
Offline
469
#6
totamon:
это какой-то кривой вариант

Лично мне так показалось, что на странице присутствуют разные варианты реализации подгрузки товаров, причём старый код не вычищен, а просто скрыт от показа на странице.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
P
На сайте с 06.01.2009
Offline
601
#7
anotherbird:
нету там кода, скрипт срабатывает на событие по клику на класс=more_result

Да, действительно, в данной реализации есть код только для первых 30ти товаров, для остальных, появляющихся по клику видимо ajax

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий