JS-плагины №11. Masonry-сетка с сортировкой и фильтрацией - izotope.js

[@alexandrgusletsov2567]

Спасибо Максим , посмотрел, поднял свой опыт, поднял рейтинг Максиму

[@maxgraph]

Пожалуйста)

[@ВсеволодПатимейкер]

О Боги. До этого я делал это вручную))). Спасибо что поведали об этом плагине

[@maxgraph]

Не за что))

[@100groshi]

Невероятно полезный плагин! Спасибо за открытие

[@elitdie]

Плагин взял на заметку, как раз вовремя))) спасибо!

[@ЮрийВеригин-у2э]

Отличное видео. Сейчас только надо попроктиковатся и будет счастье.

[@maxgraph]

спасибо)

[@aleksius7819]

спасибо. хорошее видео. сейчас попробую применить его

[@elif.3258]

Спасибо за видео, до вас не знала о Isotope. Сделала фильтр по чекбоксам. А вот сделать фильтр по группам чек боксов не получается. Пробовали такое делать?

[@maxgraph]

Нет

[@ShocKKKKKKK]

Интересно

[@azaternis]

Спасибо

[@elenkarnaeva2458]

Подскажите пож-та, как прописать в js класс active кнопкам в фильтре. Благодарю за канал!

[@maxgraph]

Не очень понял)

[@elitdie]

elem не зарезервирован, ты просто elem в самом начале определил, в функции прописал внутреннюю переменную element, а обратился к внешней elem. Нормальная ситуация)) И кстати если есть желание, попробуй шорткаты в VS Code. Жить не могу без Ctrl+Shift+(D/K/Up/Down) )))

[@maxgraph]

Уже привычки другие выработались) спасибо

[@deniskotov]

Макс, подскажи, пожалуйста: если мне нужно сверстать масонри сетку, в которой нет четких рядов и колонок, я сверстал ее на гридах, использовал грид-темплейт-ареас, но при добавлении еще элементов в сетку, они просто не отображаются. Это из-за использования ареас? Как сделать так, чтобы при превышении количества элементов по макету, новые элементы тоже отображались? В какую сторону копать?

[@maxgraph]

Скорее всего из-за ареас. Нужно делать без них, на grid auto rows возможно

[@deniskotov]

@@maxgraph оо, спасибо!! Реально помог. Я подозревал, но так до конца и не сообразил)) Спасибо большое))

[@ArrendadorDivisa]

Как устранить подергивание карточек которое возникает в моем проекте при анимации в результате фильтрации isotope ?

[@maxgraph]

Как правило проблема в стилях. Удалите их, постепенно добавляйте и смотрите

[@denysmaksymuck]

Сори что спрашиваю не по теме, но сколько у вас дюймов монитор?

[@maxgraph]

Два по 27

[@elenkarnaeva2458]

Спасибо! А если товаров много - как сделать пагинацию? Или это отдельная история?

[@maxgraph]

Это отдельная тема, да)

[@elenkarnaeva2458]

@@maxgraph Спасибо большое!

[@ilnurKhalDrogo]

У меня есть закрытые блоки. По нажатию кнопки они открываются, но в одном месте. Чтобы нормально отображалось, нужно нажать ещё кнопку "все элементы". То есть при нажатии на кнопку, открывающий блоки, срабатывало и нажатие на кнопку "все элементы". Как это сделать?

[@maxgraph]

Очень сложно понять, что именно требуется. Можете в личку написать в вк или телегу со скриншотами

[@elitdie]

При нажатии на кнопку вызывай принудительно iso.arrange({filter: `*`}). Естественно, iso уже должен быть проинициализирован как isotope сетка

[@mb_later_man]

Делал карточки флексами justify-content space-between, чтобы они расположились на всю ширину контейнера с отступами, после подключил плагин изотоп и карточки в итоге слиплись(( причем у них абсолютное позиционирование. Убрал флекс все равно не помогло, что может быть?(((

[@maxgraph]

Возможно плагин инициализируется раньше, чем рисуются элементы

[@mb_later_man]

@@maxgraph а через сам плагин можно добавлять или менять стили?

[@PS-tn6mc]

Не подскажите как менять кнопкой число столбцов на странице?

[@maxgraph]

Можно получать число, отключать плагин, вставлять число и снова запускать

[@PS-tn6mc]

@@maxgraph для меня это как на луну слетать... Может где код готовый посмотреть можно? На codepen.io искал и не смог найти

[@alexandrgusletsov2567]

18:20 function priceWithoutSpaces

[@ozimnadius]

А зачем ты всегда функции записываешь в переменные, это же неудобно?

[@maxgraph]

Ну было бы неудобно - я бы не писал)