Всплывающее popup-окно с контентом

На страницах есть возможность вывести элемент, при клике на который всплывает попап-окно:

Кнопка на всплывашку

Для этого используйте html-разметку:

<span data-href="test-popup-content" class="js-content-popup button">Наименование кнопки на  всплывашку</span>
    
<div id="test-popup-content" class="display-none">
    <div class="h1">Заголовок всплывающего окна</div>
    <p>Содержимое всплывающего окна</p>
</div>

В элементе кнопки вставьте атрибут data-href со значением идентификатора всплывающего блока:

Так же можно вывести ссылку, при нажатии на которую, будет открываться содержимое страницы в popup-окне. Для этого добавьте к тегу ссылки класс class="js-page-popup"

<a href="ссылка на страницу" class="js-page-popup button">название</a>