Баги webflow с которыми столкнется каждый. Решаем проблемы и ошибки вебфлоу легко и быстро

preview_player
Показать описание
#webflow #вебфлоу
Рассмотрим самые распространенные ошибки вебфлоу, вроде подчеркивание которое автоматом добавляется ко всем ссылкам, необходимость затавать вручную авто высоту для слайдера, линки синие в линкблоках с подчеркиванием. Еще старые анимации не копируются между проектами, стандартный контейнер не дружит с флексбоксы от края до края да и ширина мелкая у него.

Стики не работает когда оверфлоу хидден, текста дропдауна не перестраивается на мобильных в несколько строчек, когда делать кастомный бургер меню то линия бургера справа и снизу имеет отступ внутрь по 75 пикселей. Нельзя нормально центрировать линк блок.

Анимации в превью не отображаются надо дважды нажать глазик, что бы они заработали.
Ховеры у дропдаунов меняют цвет если убрать мышку оно пропадает.
Если в сиэмеску добавляешь много статей то начинать надо с последней, поскольку сортировки внутри нет 👎 и еще множество моментов и самое главное решения этих проблем.

•••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••

БЕСПЛАТНЫЕ курсы по webflow:

•••••••••••••••••••••••••••••••
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••

•••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••

Таймкоды:
00:00 Вступление про баги))
01:10 Подчеркивания о которых никто не просил))
05:00 Трудности центрирования линк блоков
07:11 Баг с высотой слайдера когда контент внутри обрезается и не влезает
10:21 Баги с линкблоками и наследованием стилей от дочерних элементов
16:45 Инструкция как находить решения проблем
19:01 Не правильный стандартный контейнер
24:30 Стики не работает при оверфлоу хидден
28:18 Не переносятся строки выпадающего списка
31:06 Фантомные отступы по 75 пикселей внутри пустых див блоков
33:09 Баг с отсутствием анимации в превью
35:50 Далее разбираем баги дропдауна
44:45 Про статьи в CMS
46:01 Итоги
Рекомендации по теме
Комментарии
Автор

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

ЕленаКонстантинова-ры
Автор

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

dmitriminst
Автор

Супер!!! Большое СПАСИБО!!!! Очень нужная информация

tatsianavaleri
Автор

Очень полезно!!!ольшое спасибо вам Дмитрий!

pein
Автор

4:29 это не баг, webflow таким образом показывает что есть блок в котором отсутствуют свойства ширины и высоты и это супер как круто если в панели навигации не заметив добавленный пустой блок, то на холсте этот блок отображается таким квадратом с падингами. Причем эти падинги видны только в редактировании, на опубликованном или в предпросмотре этого нет. Это фичу можно легко убрать нажав на macOS комбинацию клавиш "Comman+shift+M" вот тут иногда срабатывает баг и не с первого раза убирает эту фичу, если с первого раза не убрало нужно повторить еще разок-два.

Rassolov_Webflow
Автор

Link-block не центруется не из-за бага, это фича. <a> элемент имеет display: inline-block по умолчанию. Если хочешь чтобы центровался маргинами авто, задай ему фиксированную ширину или max-width с шириной 100%, и display: block.

Bars_Sl
Автор

Спасибо за первый баг, чуть крышей не уехала пока пыталась понять это подчеркивание которого нет, но оно есть =(

AveWoff
Автор

Сортировка есть, в настройках коллекции Created On - From new to old надо поставить

waysearcher
Автор

Здравствуйте) Спасибо за видео, это очень полезно для меня) Подскажите пожалуйста, если изображения в webp становятся размыты в моб и планшет версии, это тоже какой-то баг? В веб версии все отлично, в превью тоже норм отображает, а на опубликованном сайте в адаптиве размыто((

nutakul
Автор

Со ссылками не исправляется этот баг теперь, но как костыль можно просто кнопку бесцветную вставить вместо сссылки

booonkai
Автор

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

andryrybak
Автор

Посмотерл видос помчал проверять свой сайт, так как я увеличил стандартный контейнер до 1140px., а не делал новый через див, перепроверил и сейчас он начал подстраиваться (у вас в видео он остался прежним размером), проделал так же как вы с див блоком и тоже самое, размеры совпадают и расположения в нем элементов корректно растягивается, в таком случае можно оставить или лучше всё равно переложить в див обычный?

goldensales
Автор

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

doglivesmatter
Автор

Не знаю баг ли это, но у меня не вставлялись видео шортсы с Ютуба (вернее некоторые вставлялись, а некоторые нет), просто ссылка вставленная исчезала и все. Я несколько часов с этим мучалась, пробовала через код вставить - не помогло. Потом нашла на просторах Интернета решение - нужно было просто заменить слово "shorts" в ссылке на слово "watch" и скопировать новую ссылку после перезагрузки страницы. Может кому-то это поможет)

annaturkenich