В редакторе Elementor одно, а на сайте другое | Проблемы Elementor
Вставка
- Опубліковано 1 жов 2024
- У Elementor одна проблема - они им сами не пользуются, иначе таких проблем бы не было.
Если вы редактируете шаблон Elementor, то иногда может случаться так, что на фронтенде сайт отображается не так, как в редакторе. Показываю как это исправить. Решение хоть и половинчатое, но какое есть.
👨🏼💼 Услуги - digitalalex.ru...
🎓 Курсы - digitalalex.ru...
⚙️ Арсенал digital-предпринимателя - digitalalex.ru...
#️⃣ Присоединяйся:
Канал - digitalalex.ru...
Сайт - digitalalex.ru/
Telegram - digitalalex.ru...
Вконтакте - digitalalex.ru...
Я.Дзен - digitalalex.ru...
Rutube - digitalalex.ru...
Благодарствую тебе Александр! Первый же совет и страница исправлена! Счастья Тебе!
1. В настройках девтулс браузера отключаем кеширование
2. Что нибудь редактируем и сохраняем.
3. Открываем страницу и видим что все поехало.
4. Открываем девтулс, перезагружаем страницу
5. Браузер подтягивает свежие стили
6. БИНГО!
Работает 10 из 10!
Shift+Ctrl (Cmd)+R быстрее
Нажимаю на секцию - перехожу во вкладку "Макеты" - Структура - делаю сброс. И начинает отображаться как нужно))
Уже использую контейнеры, но да, иногда бывает глючит секция. Особенно при вставке стилей. Приходится сбрасывать стили через плавый клик.
Как вариант - откатиться. Пользоваться nulled версией выложенной до августа 2022, пока не пофиксят. Самая оптимальная вроде. Ещё летом заметил косяки, когда новый сайт уже сдал и деньги получил. Через пару дней пишет заказчик - с топ меню какая-то проблема. Захожу, а оно развернуто в виде секции. И выпадающие пункты в виде ul списка, с маркерами))) Также обновлением стилей лечилось.
@@ИванМеньшиков-э3ъ Тоже самое у меня сейчас!
С этой проблемой в первый раз столкнулся уже наверное как год назад и почти сразу пришёл к таком уже решению как в видео.
Ещё бывает другой косяк когда при сохранение шаблона в редакторе, как-то криво сохраняется и как следствие криво отображается, тут помогает повторное сохранение.
Впервые столкнулся тоже где-то год назад с листингами JetEngine.
Я замучился тоже с этой проблемой, в папке plugins/elementor/assets/css хранятся стили к каждому блоку страницы (можно посмотреть название файла css через инспектор кода с отключеными плагинами оптимизации), там в свойствах допустим ширины появляется important; я его в ручную удалял. и все работало. если вы задали значение ширины для компа 50%, а для мобилы 100%, то во время глюка important; подставляется к свойству компа и становится главным. вот это и есть суть данной проблемы
Привет! Столкнулся с этой проблемой, но сработало только на 1 странице, на других - нет, подскажите почему может быть так и что можно еще сделать ?
Очистить кэш, на сайте и в браузере
@@DigitalAlex не помогает. Помогло только если не использовать дополнительные брейкпоинты
Помогло,спасибо
Спасибо за видео) Сам совет мне не помог (или, возможно, был только частью цепочки действий, приведшей к решению, может быть даже неотъемлемой ее частью), но проблема решена. После пересоздания стилей, очистки кеша wp rocket (в том числе очистке кеша Cloudflare: Настройки -> WP Rocket -> Cloudflare -> Фиолетовая кнопка "УДАЛИТЬ КЭШ CLOUDFLARE") все равно ничего не менялось. И тут я на странице самого шаблона открыл "версии" и откатился к предыдущей (буквально 5-тиминутной давности) и, о чудо, все совпало. Проблема была в том, что расположении элементов (91 кнопки на картинке-подложке) в настройке шаблона в админке отображались как нужно, а на самой странице рассыпались (причем хаотично. Так, что вслепую приходилось бы двигать каждую и проходить 100 кругов ада, чтобы просматривать ее фактическое отображение на странице.. А так как двигаешь в слепую, шанс попасть ровно туда куда нужно = 1% из 100..). В итоге все получилось, так что благодарю Вас лайком и делюсь продолжением лайфхака. Вдруг кому мой метод поможет)
Cloudflare это совсем отдельная история, но за коммент спасибо. Возможно будут, кто тоже пользуется.
@@DigitalAlex да, cloudflare лишь усложняет конкретно мой путь, однако сдается мне, что баг изначально был все же в шаблоне элементора зарыт и его получилось победить с помощью пересоздания файлов css + чисткой кеша + откатывания на 1 редакцию назад
СПАСИБО
Адекватный вариант решения = использовать темы с поддержкой Elementor. Лично я (за 3 года работы с ним), ни единого разу не ловил этот баг.
на hello постоянно. причем это вылазит только если сайт немаленький... а при использовании шаблонов - постоянно
Как всегда польза, благодарность за качество, отличная работа!
Есть такие косяки 😄
Там есть где-то пунктик такой - цсс отдельным файлом... переключал его на "встраивать в код" и кажется решался этот вопрос ....
Да, есть такое. Надо тестировать с разным размером страниц опцию.
Поэтому не использую билдеры в разработке. Мне удобней когда код под контролем. Со временем, когда познаешь кодинг, начинаешь понимать их скудность. Для продажи билдеры заходят, но по факту уже не один сайт выводил из под билдера.
Я понимаю код, но в большинстве случаев удобнее использовать именно билдеры. Есть в планах видео с объяснением.
Можно еще пробовать копировать блок, а старый удалять)
Привет, может задавать везде кастомные id и классы? Суть пересоздания css возможно кроется в обновлении таковых, ведь элементор как раз их генерирует. Кстати, нужно попробовать, только сейчас пришла в голову эта идея.
Да не, вряд ли. Кастомные нужны, чтобы обращаться к этим селекторам в CSS
Гугл Хром упорно отказывается работать с сайтом на Элементор. Кнопка пересоздать файлы и данные дала результат для картинок. Для виждета Лотти все совсем худо. Тогда решил загрузить видео в формате мр4. В итоге в хроме вместо видео застывшие картинки.
А если вместо прописанных ссылок открывается главная, с чем это может быть связано?
Приветствую! Не знаете, как можно шаблон сделать частью страницы, чтобы он не раскрывался в кода при его активации? Один из моих скриптов не работает для pop up или работает с багом, тк pop up встроен в страницу, как виджет и находится в подвале. Дубль скрипта невозможен. Может это возможно сделать через woody snippets, но он вроде не динамический и не отменяет значение на странице?
Благодарю за видео! Положил в копилку лайфхаков) Возможно кто то сможет подсказать, в чем может быть проблема: С помощью HTML элемента добавляю на страницу Javascript код для закрепа секции (секция находится посередине страницы. и нужно чтобы закреп был только после появления секции) Так вот, в самом Элементоре всё работает просто на Ура! Но на опубликованной странице не работает ничего( Пробовал на разных сайтах, и на локальном хостинге и на реальном. Всё одно и тоже( Тема Каденс
Мучался мучался… посмотрел твое видео и помогло!!! Спасибо большое!!!!!!!
Очеь долго искал ответ на эту проблему, только у вас нашел, спасибо огромное, все же была надежда что я не там галочку поставил и все будет рабоать стабильное сли убрать, а оказывается нет, ну чтож, хотябы ясна суть а это уже что-то.
👍🏻
тоже сталкиваюсь с этой проблемой постоянно, до вашего ролика прописывала css-свойства в ручную, теперь буду пробовать ваш вариант
Спасибо,уже не в первый раз Ваше видео наболее релелантно.
Было подобное, решилось отключением Дополнительных настраиваемых брейкпойнтов. Также крокоблок не поддерживает дополнительные брейкпойнты elementor, что приводит к подобным проблемам.
Да, но как я и сказал, брейкпоинты мне нужны. А так да, они до сих пор глючат спустя год.
Александр, очень рада Вашим новым видео! Подскажите, Вы знаете способ оплаты элементор сейчас? Пробовала через юнион пэй почта банка, через белорусского знакомого, не получилось. Есть сервисы и способы в интернете, но не уверена в их надежности. Также возможно проблема не только в способе оплаты, а в аккаунте? Буду очень признательна, если подскажите!
У меня казахстанская карта. Так и оплачиваю пока.
Спасибо, помогает ❤
очень ценно! Блгаодраю!
Быстрый вариант решения - терпите :)
Иногда такие явления вызваны несовместимостью с какими-то плагинами. А иногда, хрен его знает. Остаётся только ждать следующих обновлений. Авось, само исправится.
Да, запросто может быть и такое. Для начала лучше всё-таки провести самостоятельную диагностику ua-cam.com/video/F95YSXgQ0rA/v-deo.html
Александр, с возвращением 🫡🤝
Ура! Александр, рады вас видеть))
Элементор вообще испортился, к сожалению. Да и странички у него медленные получаются, много мусорного кода создает.
Он и был всегда таким. Просто был один, а теперь на фоне других выглядит и работает не самым лучшим образом.
@@DigitalAlex Александр,а могли бы упомянуть,что имеется в виду - на фоне других? Это инструменты типа Spectra, Cwicly, Bricks, Oxygen? Я конечно все в кучу собрал -но ваше мнение?
Привет! Было бы интересно видео - как сделать так, чтобы сайт (или на примере шапки сайта) при уменьшении окна браузера - всё уменьшалось пропорционально. Чтобы шапка выглядела на широкоформатном мониторе также как на ноутбуке например....
Принял. Запишу курс по CSS, чтобы подобные видео монетизировать, и сделаю. Планировал только шрифты, но с остальными элементами тоже интересно.
Спасибо
Спасибо за ваш труд!
Эта проблема существует с рождения Элементора. Надоела уже. И ни как не исправят.
Я просто все нафиг отключаю и всё ок😂
Радикально )) При разработке тоже обычно отключаю, потом включаю и страдаю 😆
@@DigitalAlex я решила когда все допилят как положено, тогда и буду пользоваться, а бета тестирование на сайтах заказчиков использовать очень плохая идея, потом меня же как разработчика и будут винить в случае чего) на тестовом где-то еще можно, но не у заказчиков👍