Бывает, что разные скрипты вступают в конфликт друг с другом.
Для чистоты эксперимента собрал модальное окно без скриптов, только на HTML + CSS.
Все равно не работает. Где что искать не пойму……
Неужели ни у кого не было подобного случая?
PS. Код окна взял здесь = https://getinstance.info/articles/css/pure-css-modal-window/
anonymized-14765447
(@anonymized-14765447)
Привет.
А консоль на предмет ошибок смотрел?
Привет! Нет, я не настолько хорошо знаю Вордпресс, вернее подзабыл за 5-6 лет перерыва.
Если можно подскажите как это сделать
anonymized-14765447
(@anonymized-14765447)
Это не по части ВордПресса, а по части браузеров. Либо в меню настроек будет что-то вроде «Инструменты разработчика», или просто в Хроме кнопку Ф12 нажать разок, и перейти во вкладку «Консоль».
Но, судя по всему, тут проблема именно со стилями (CSS). Нужно именно «самописное» решение? А то есть же куча лёгких плагинов по части модальных окон, устанавливаются в пару кликов.
Дело в том, этот шаблон, который я решил адаптировать под Вордпресс, проверен мной на нескольких других движках неоднократно!
Все в нем работает как часики.
Я почему сразу и подумал про конфликт скриптов шаблона и Водпресс, но дело оказалось не в этом, собрал модальное окно без скриптов, только на HTML + CSS, опробовал прямо на своем действующем сайте (движок Kandidat151) — все работает отлично. А на ВП — не хочет!
То есть, как ни печально, но всё упирается в Вордпресс……
anonymized-14765447
(@anonymized-14765447)
Я почему сразу и подумал про конфликт скриптов шаблона и Водпресс, но дело оказалось не в этом
С учётом того, что по ссылке с «уроком» и кодом модалки скриптов никаких нет, только стили CSS и разметка.
собрал модальное окно без скриптов, только на HTML + CSS, опробовал прямо на своем действующем сайте (движок Kandidat151) — все работает отлично. А на ВП — не хочет!
Статья по ссылке из первого сообщения называется «Модальное окно на чистом CSS», т.е. там изначально не предусмотрено использование JS. О каких скриптах идёт речь тогда? Максимум что — у вас либо режется что-то по части разметки, или перезаписываются стили, ну или банально вопрос старого кэша.
Специально проверил код из урока по ссылке — всё работает как надо.
То есть, как ни печально, но всё упирается в Вордпресс……
Всё упирается в радиус кривизны рук разработчика 🙂
«Модальное окно на чистом CSS», это я поставил уже после того, как не заработала МОЯ тема с модальными окнами.
В ней то и была целая куча скриптов.
И в ней при нажатии на картинку экран затемнялся и все!
Что бы проверить виноваты ли скрипты, я и провел эксперимент с другим модальным окном.
«Всё упирается в радиус кривизны рук разработчика» = ну так я и обратился на форум, что бы немного уменьшить «радиус». Может подскажете в какую сторону «копать»….
anonymized-14765447
(@anonymized-14765447)
Может подскажете в какую сторону «копать»
Стоит выпилить весь тот «экспериментальный» код по части модальных окон. Уже потом остановиться на каком-то 1 варианте и его реализовать. Если никак не получается «своими силами», то можно просто за пару кликов установить плагин, который решит эту задачу. Всё 🙂
Первое что я сделал, это установил плагин easy-fancybox, так как в его рекламе было написано что то типа того, что «работает сразу с настройками по-умолчанию».
Активировал, потом то подключал, то останавливал — результата нет.
anonymized-14765447
(@anonymized-14765447)
Значит надо искать проблему в активной теме, если ничего не помогает из плагинов и «самописных» вариантов.
Я то же думаю в эту сторону. Смотрите =
Мы оба скачали один и тот же код.
У вас он сразу заработал — у меня нет.
По логике, у меня что то «недонастроено» в движке. Значит не «Стоит выпилить весь тот «экспериментальный» код по части модальных окон.» а наоборот добиться его работы!
У вас ведь он заработал сразу, без каких либо дополнительных настроек, верно?
Значит если заработает и у меня, можно переходить к первой теме.
Вы написали что «Специально проверил код из урока по ссылке — всё работает как надо.».
Как именно вы проверили?
anonymized-14765447
(@anonymized-14765447)
Как именно вы проверили?
По ссылке код делится на 2 части: разметка и стили.
Стили все скопировал в «Внешний вид» -> «Настроить» -> «Дополнительные стили».
HTML-код формы добавил на новую страницу (через HTML-редактор).
Вот и всё.
А я объединил все в один файл HTML, открыл его в браузере, убедился, что окошко работает, затем скопировал все от <body> до </body> и вставил в код страницы темы «parabola».
Работал из админки — страница — изменить — вставить код — обновить — просмотреть запись.
anonymized-14765447
(@anonymized-14765447)
А я объединил все в один файл HTML, открыл его в браузере, убедился, что окошко работает
Начало неплохое..
затем скопировал все от <body> до </body> и вставил в код страницы темы «parabola».
А вот это уже не совсем правильно. Всё же WordPress — это довольно гибкий инструмент, и такие простые вещи там на «раз-два» делаются. Только нужно понимать что делаешь, как и для чего.
Вопрос на этом решён? 🙂
«Вопрос на этом решён? » нет, я так и не понял, почему у меня модалка не сработала, но больше приставать не буду….
