Модальное окно детальной информации в Бутстрап, Используя готовый шаблон сайта, созданный на бутстрапе, создать модальное окно с детальной информацией с использованием компонента "Новости"
Здравствуйте. Имеется готовая верстка сайта, созданная с использованием бутстрап (по сути лендинг). Модальные окна также созданы с использованием бутстрапа. Надо "посадить" этот сайт на Битрикс. Возник вопрос о модальных окнах. В модальных окнах должна отображаться детальная информация. Используется компонент Новости. Сам список новостей отображается. При клике на новость должно всплывать модальное окно. Гуглил этот вопрос, нашел это https://toster.ru/q/269973 . Однако, остались вопросы, реализовать не получилось. Подскажите, пожалуйста, как правильно это сделать на Битрикс. Спасибо.
Проблема в том, что не работает - не выходит модальное окно с детальной информацией. Бутстрап подключен, проверял (там готовая верстка, в ней всё срабатывает, пути к файлам бутстрапа прописал). Статичные модальные окна срабатывают. В том ответе на Тостере написано так, что как будто достаточно просто создать файл .php, прописать в него код компонента детальной новости и всё будет работать. У меня так не получилось.
Денис Ипатов написал: В том ответе на Тостере написано так, что как будто достаточно просто создать файл .php, прописать в него код компонента детальной новости и всё будет работать. У меня так не получилось.
Ну тут же понятно что этого не достаточно. Если вы хотите открывать конкретную новость в попапе, надо как минимуму передать на компонент ID требуемой записи. Например _GET'ом. Вы это делали?
В общем, в созданном файле modal.php прописан код детальной новости. Есть строчка "ELEMENT_ID" => $_REQUEST["ELEMENT_ID"] . Я так понимаю, что сюда запросом передается ID элемента. В шаблоне, который выводит список новостей (кратких), есть ссылка <a class="portfolio-link" data-toggle="modal" href="<?=SITE_TEMPLATE_PATH?>/modal.php?ELEMENT_ID=<?=$arItem['ID'];?>"> . Подскажите, пожалуйста, правильно ли она прописана или надо как-то по-другому? Сама ссылка в браузере принимает вид http://agency/local/templates/agency/modal.php?ELEMENT_ID=8 . При этом перехода никуда не происходит. Т.е. вообще ничего не происходит. Даже если просто указать в ссылке href="modal.php", то тоже никакого перехода не происходит. Сам файл modal.php располагал как в папке шаблона сайта, так и в корне (на всякий случай, если с путями что-от напутал).
Nikolay Filippov, Здравствуйте. Спасибо за пошаговый пример. Сделал по вашему примеру. Всё работает как у вас. По прямой ссылке (аналогичной http://example.com/news_detail.php?ELEMENT_ID=1331) открывается страница с детальной новостью. Теперь вопрос о самом модальном окне. Если верстка той же детальной новости хранится в шаблоне компонента, то на момент загрузки индексной страницы в верстке не присутствует код модального окна. Т.е. при вызове модального окна при нажатии на ссылку просто нечему появляться. Или я неправильно понимаю, Спасибо.
Nikolay Filippov, не совсем понял, если честно. Детальная информация выводится (должна выводиться) в модальном окне, формируемое бутстрапом. В коде детальной новости (в файле modal.php) прописан шаблон.
Денис Ипатов, я не знаком с модальными окнами Bootstrap. Вы уверены что они умеют открывать страницы? По документации bootstrap бегло пробежался, ничего подходящего не увидел. Знаю точно что такая возможность была в FancyBox.
Nikolay Filippov, похоже, понял, что вы имеете ввиду. Может ли бутстрап открывать отдельный файл .php в качестве модального окна? Погуглю это вопрос, спасибо.