#15 Разработка интернет-магазина на Laravel. Фильтрация товаров AJAX.
HTML-код
- Опубликовано: 30 сен 2024
- Всем привет! В этом, долгожданном, видео, я покажу как делать фильтрацию товаров в Laravel без перезагрузки страницы, с помощью AJAX.
Буду рад вашему лайку и подписке на мой канал! Обязательно поделись видео с друзьями, это лучше любых донатов.
Моя инста: / vlad_gro
Влад, запиши видео с подробными объяснениями работы в Laravel + Ajax и JQuery. По теме сортировки. Урок я выполнил - опираясь на репозиторий, но для работы над своими проектами мне нужно больше знаний по этой теме. На тебя вся надежда, не подведи! ЗЫ: За урок спасибо!
Разве это не делает наш контроллер более "жирным"?
Может есть другой вариант,чтобы не закидывать котроллер излишней логикой?
В целом отлично, но обрати внимание на то, что ты несколько раз копируешь в разные места цикл с отображением списка товаров. Получается один и тот же код в разных местах. Думаю хорошо было бы его вынести в отдельный blade файл, чтобы не копировать один и тот же код в разных местах
Огромное спасибо за урок, вариант реализации сортировки и ajax. Было интересно))
Влад, привет, подписался на канал. Интересно рассказываешь.
Интересует тема атрибутов к товарам, чтобы был функционал добавления определённых атрибутов к товарам ( атрибуты создаются отдельно, аналогично Wordpress), и сортировка по атрибутам. Можешь показать, как организовать связь между моделью товара и моделью атрибут? (Для каждого товара атрибуты могут иметь разные значения, и их может быть несколько, например телефон может иметь 3 разных цвета, тип корпуса, габариты, вес, параметры камеры. Телевизор имеет свой набор атрибутов, в котором например нет параметров камеры, но есть ещё дополнительные атрибуты).
Я застрял на реализации данного функционала. Буду благодарен, если наглядно покажешь как это реализуется. Повторюсь, подписался, с меня лайки и просмотры)))
Желаю развития твоему каналу!!!
у меня почему то все равно сортировка сбивается при обновлении страницы
Исправить верстку на 17 минуте можно стилем. Добавить в самый конец файла.
main_styles.css
.product_grid {
display: flex;
flex-wrap: wrap;
}
.product:not(:last-child){
margin-right:20px;
}
Спасибо!
хорош
Спасибо! Классные уроки!
как можна эта делать на чистом php ??
Спасибо, отличные уроки, но сделай продолжение -> Admin
Дружище, спасибо тебе большое! Превосходное видео
а нельзя разве отправить какую нибудь переменую в обычный html и по нему уже сортировка будет делаться, и в succes загрузить в нужном месте часть того кода? почему столько гемороя? в обычном php знаю точно что можно... но а тут...
У меня в этом уроке вообще ничего не работает.....не пойму в чем дело....у меня в консоль ничего не выводит
Урок очень хороший. Но я бы конечно лучше бы обработку сортировки вывел бы в отдельный роут.
Понимаю, что урок не про js и с isotope ничего не вышло, убрал это дело.
Пробовал сделать ajax запрос в отдельном файле .js а не как ты через "секции .blade" не работает, это какая-то особенность Laravel ? Просто как ты сделал работает всё отлично, но хочется как правильно))
Ох, Владик, куда ты полез учить, когда самому еще учиться и учиться.
Решил вывести кастомный JS в отдельный файл в папке паблик. Столкнулся с тем, что если подключать через атрибут src другой файл - шаблонизатор там уже не работает, и роут в URL выливается в какую-то кашу и в итоге в ошибку 500. Есть какой-то умный способ пофиксить это? Или самый оптимальный вариант это не выделываться и писать JS скрипты прямо в шаблоне как в видео?)
сложный урок для меня был, поскольку JS не знаю. синтаксис необычный
а если на странице есть пагинация?
Надо было через vue.js реализовывать. Польза в 100 раз больше :-) Но все равно спасибо. Понимание работы jquery тоже важно
22:07 "mmm, nice"
спасибо!
хорошие уроки)
Спасибо, помог отлично!
Я конечно лайк поставил, но эта "ну я тут добавил две библиотеки, почитайте" раасстроилл))))
Это относиться к JS, если бы я начал рассказывать то урок бы затянулся, кому интересно посмотрит в репозитории на гитхабе и разберёшься сам) курс все таки по Каравелл а не по JS)
@@VladislavGroniuk Если бы еще твой гитхаб работал, было бы вообще топ, а так диз. По большому щету разговоров много а всяких фишек кот наплакал.
@@grekoff.n5942 спасибо большое за реакцию и помощь в продвижении видео)
Если продукт имеет 2 цены, одна из которых обычная, а вторая новая, то неправильно будет работать сортировка, ибо у тебя продукты всегда сортируются по полю price, а new_price не учитывается.
Спасибо за замечание) забыл это исправить)
есть идеи как это решить?
@@igusevs лучше сделать чтобы price была всегда актуальной ценой, а старую цену записывать в old_price
@@Igor-ci1hx немного опоздал с ответом
@@igusevs так, на будущее)
При таком способе получения данных и отображения их на одном и том же роуте столкнулась с проблемой, что если зайти в товар, положить его в корзину, а потом вернуться обратно по кнопке back, то показывается не вся страница, а кусок который был получен Аяксом при последней фильтрации. Пришлось разделить роуты - один для отображения всей страницы, второй для получения отфильтрованный данных, которые будут подставляться.
Блин через блейд можно вставлять ПХП код прямо в Джейквери а че так можно было???)))
Ахахахах...ага) это немного костыли, но можно)
@@VladislavGroniuk Спасибо за отличный курс!!!
Спасибо за труды + спасибо, что делишься знаниями! Но, материал преподносишь отвратительно! =)
Отвратительно - не смотри!
@@VladislavGroniuk Ой, прости, обиделся, надеюсь не расплакался?
@@ДенисСопин-ж5п немного( чем больше комментов тем лучше!