Сортировка товаров (картинок, блоков, текстов и т.д.) по категориям, анимированная, на webflow

#webflow #вебфлоу
Покажу как сделать сортировку товаров для интернет магазина, по типу, цене, размеру, цвету и чему угодно. Картинок в галлереи, лайтбоксов, текстовых блоков и любых подобных элементов). Сортировка будет производится благодаря нажатию на соответствующие кнопки, так же будет возможность вывести все товары со всех категорий в общий список.
Сама настройка скрипта крайне простая, ну в целом вы и сами все увидите посмотрев
Ссылка на инструкцию, которой я пользуюсь на видео: drive.google.com/file/d/1hLQa...
Сделать на вебфлоу данный эффект можно без особых усилий, все что от вас требуется - так это следовать инструкциям которые я показываю на видео и повторять все 1в1.
После того как у вас получилось то, что я показывал на видео, пришло время переделывать все под себя, вставлять ваш контент и т.д. при этом время от времени проверять, все ли работает как нужно, ничего ли не поломали. Если поломали возвращаемся обратно и находим причину поломки, при том вы будите точно знать, что поломку вызвали ваши действия, а не то, что показано на видео :)
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog.com/
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog.com/webflow/
👉 • Материалы для уроков - freelance-blog.webflow.io/
👉 • Индивидуальное обучение - freelance-blog.com/study/
•••••••••••••••••••••••••••••••

[@virtuozfilm793]

Не знал что Webflow способен в умелых руках мастера так круто сделать выборку товара. Круто! Спасибо за урок, Дмитрий! Очень доступно показали и объяснили!!!

[@freelance-pro]

Пожалуйста ☺️ вебфлоу способен на многое, почти на все

[@juliazertsikel2605]

Спасибо Вам большое! Очень классные уроки 😄

[@freelance-pro]

Пожалуйста ☺️

[@arsyxa93]

Отличный контент, теперь буду применять на практике!

[@freelance-pro]

Рад слышать 😎

[@adikol100]

Спасибо!

[@freelance-pro]

Пожалуйста 🤗

[@UhaMap]

Отлично! А я делал табами )) теперь узнал второй способ. Спасибо!

[@freelance-pro]

Пожалуйста ☺️

[@Sergey_878_]

👍👍👍

[@freelance-pro]

😊😊😊

[@Andrey_Kamyshnikov]

большое спасибо очень полезно было

[@freelance-pro]

Пожалуйста 🤗 рад что полезно

[@2turistaural]

Дмитрий, видео как всегда на высоте. Спасибо большое что тратите свое время

[@freelance-pro]

Пожалуйста ☺️

[@sergeyshmelev8350]

Дмитрий !!! Присоединяюсь к предидущему комментарию !!!! Всё , как ты говоришь- чётенько !!!!!!!! Спасибо !!!!

[@freelance-pro]

Пожалуйста! 😊 чётенько это хорошо))))

[@coolvideos7030]

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

[@freelance-pro]

Пожалуйста 😊 рад что мой контент вам полезен и нравится

[@sitebuy]

Спасибо Дмитрий, очень познавательно. Всегда удивляюсь новым фишкам, которые вы можете показать в webflow! Так держать!

[@freelance-pro]

Спасибо большое, за поддержку 😊

[@user-sf4pq2zr5z]

Интересно, спасибо

[@freelance-pro]

Пожалуйста 😉

[@user-vk8hd9xe6h]

Дякую.

[@freelance-pro]

Будь ласка

[@millwall9889]

Плиз, хелп. Ситуация: У меня всего две карточки. Стоит задача , что бы их выбор реализовывался через dropdown и выпадающий список с dropdown link элементами. Сейчас, на выходе имею mix-container, в котором содержится dropdown list c классом filter-controls, а элементы dropdown link c классом filter-button.... далее все сделано по инструкции.. Проблемы : 1) элементы с классом mіх на старте оба видимые. Необходимо, что бы один был скрыт и появлялся только при клике на элемент с классом filter-button 2) dropdown list не сворачивается при клике на элемент dropdown link . А хотелось бы) Все остальное работает. Большое спасибо!

[@freelance-pro]

Где-то допустили ошибку, приходите на консультацию или обучение и все исправим freelance-blog.com/webflow/ а то не глядя причину найти невозможно

[@larisa559]

Спасибо за видео! Очень полезно. Ждем новые урок :))

[@freelance-pro]

Пожалуйста 😉 дальше будет тоже много интересного и полезного, я то знаю какие видео дальше запланированы в очереди 😊

[@user-yp3ms2dr2o]

Дмитрий. Очень полезно. Я ждал это видео. Спасибо. Сделал сортировку через табы, но так получится лучше.

[@freelance-pro]

Да, заказ выполнен 😎 этот способ намного лучше табов))

[@user-yp3ms2dr2o]

@@freelance-pro Как всегда четко, лаконично.Понятно даже детям. И открывает возможностей больше чем дает сама прога

[@freelance-pro]

😊😊😊

[@Bor3887]

Очень интересно 👍спасибо

[@freelance-pro]

Пожалуйста 😉

[@user-hs6jr6lz6n]

Спасибо! очень полезно

[@freelance-pro]

Пожалуйста 😉

[@andrew-pro85]

Спасибо, пригодится!)

[@freelance-pro]

Пожалуйста 😉

[@user-rh7mf1sr9i]

Дмитрий, благодарю! Чудесный ролик-очень доходчиво и понятно! Единственно, как мне показалось, что нет необходимости ставить атрибуты на сами MIXы - достаточно только на кнопки (и в текстовой инструкции нет про атрибуты на MIX)

[@freelance-pro]

Можно и не ставить

[@stanislavosipov2838]

Как раз нужно сделать на сайте фильтр и тут Ютуб подкинул ваше видео )) Спасибо!

[@freelance-pro]

Пожалуйста 😉 ещё есть поиск по каналу моему, вдруг Ютуб перестанет подкидывать, то всегда можно все найти будет так 😊

[@millwall9889]

Дмитрий, спасибо за урок! Подскажите, есть на канале пример сортировки с помощью dropdown?

[@freelance-pro]

Пожалуйста ☺️ примера нет но все по аналогии как на видео если сделать то должно работать или же привлечь программиста (ну или чат джипити на крайняк)

[@alma4ka2]

Большое спасибо, все получилось Подскажите пожалуйста, можно ли сделать первую кнопку all "current", чтобы она уже была выделена как выбранная (как в табах). Возможно, с помощью кода можно это сделать? Еще интересно, как сделать сортировку с пагинацией (чтобы можно было переключать на той же странице). Мало информации об этом в ютубе.

[@freelance-pro]

Пожалуйста 🤗 да это можно сделать чат джипити подскажет как подправить код 😉 а то я дизайнер а не программист и сам им пользуюсь в таких случаях так же и касательно пагинации чат джипити поможет

[@mihailseremet6849]

Интересно а с кнопкой "Показать больше" он также будет работать? Спасибо большое за ваши труды!😊

[@freelance-pro]

А вы проверьте и напишите 😋 и пожалуйста ☺️

[@nbonapart6587]

Подскажите пожалуйста, можно ли так сделать сортировку по нескольким параметрам? Например сначала выбираем количество комнат, потом цену, площадь и тогда уже результат?

[@freelance-pro]

Да, нужен программист только

[@nutakul453]

Здравствуйте) Спасибо за видео! Подскажите пожалуйста, а такое можно сделать для CMS? в Collection List если добавляешь какой-то тег или атрибут, он автоматически добавляется на все карточки, и не получается их по разному назвать(

[@freelance-pro]

Здравствуйте, да можно но я использую вебфлоу как инструмент для дизайна и верстки CMS не использую

[@user-hc5px6de9y]

Добрый день, можно ли сделать данным методом несколько категорий фильтров, например в сфере недвижки есть аренда/продажа, вид недвижимости дом/квартира/земля/коммерция и еще у каждого объекта настроить характеристики, по которым можно отфильтровать все эти карточки?

[@freelance-pro]

Да

[@2turistaural]

Дмитрий, еще вопрос. Вижу что люди его уже задавали - но ответа нет. Одна карточка может относиться к разным параметрам сортировки. На один блок поставить несколько data-filter не получается. Как быть в этом случае?

[@freelance-pro]

Нужен программист

[@2turistaural]

@@freelance-pro программист не нужен, нужно просто задать разные комбо-классы и все ))) фильтруется все очень хорошо. Еще раз спасибо за видео.

[@freelance-pro]

Пожалуйста! 😊

[@dipro4283]

👍👍👍

[@freelance-pro]

🤗🤗🤗