Почему не корректно отрабатывает Magnific Popup?

Question

[Полина Емельянова]

Добрый день, коллеги.

Прошу вас, помогите настроить Магнифик!
БОЛЬНОЙ: dev.imdeveloper.ru/katletika

САБЖ: На странице есть блок с меню, в карточке которого, по ховеру, всплывают кнопки. Одна (со стрелкой) - открывает попап с описанием, вторая (с сумкой) - должна открывать попап с формой.
tinyurl.com/k6jfan2
Однако по клику на СУМКУ - верстка ломается "как вид". Ощущение, что открывается Попап в попапе, *****н, аж на крестик в правом углу выскакивает.

ВОПРОС: Прошу, укажите что исправить? Что я сделала не так?

Заранее ОГРОМНОЕ! Спасибо!

Comments

[Mary Солнечная]

Открыввается вся html страница в этом попапе. Я подумала, может быть ajax подгрузка чудит

[Mary Солнечная]

Посмотрела в документации:
>
Ajax Type
To create such type of popup, first of define the path to the file that you wish to display and select ajax type of the popup. Popup itself should be styled in exactly the same way as an inline popup type.

Important note! The contents of the file that you load is already a popup itself, so there must be only one root element.

<a href="path-to-file.html" class="ajax-popup-link">Show inline popup</a>

Типа содержание файла которое мы загружаем это уже и есть всплывашка. Может быть попробовать убрать тип ajax и inline задать?

[Mary Солнечная]

А то возможно он хочет открыть форму,а форма как-раз лежит в этой html, он ее и открывает. Я не уверена, но может быть так. Самой интересно что же произошло :(

[Полина Емельянова]

Mary Солнечная: Щас поковыряем... Отпишу по результату!

Answer 1

[Иван Сушков]

Обратите внимание на этот кусок кода:

<a href="#menu-order-index" class="btn-circle btn-circle--order btn--menu-order-index">Заказать</a>

Согласно документации type:ajax, он будет в popup грузить вашу главную страницу. Создайте ему некоторый html документ, как это сделано у вас здесь:

<a href="dish-1.html" class="btn-circle btn-circle--kat popup-menu">Подробности</a>

Внутри документа разместите форму. Все должно получиться. Удачи!

Comments

[Полина Емельянова]

Спасибо огромное! Вывод прост: учи документацию, анон!!!