Загрузка страницы в попапе

[krluch]

Привет.

Решил сделать оформление заказа (Simple) в модальном окне. При нажатии "Купить" всплывает окно с сообщением отправки товара в корзину и кнопкой "Оформить", по клику на которую должно всплывать окно с оформлением заказа. Разработчик модуля сообщил, что так можно сделать при загрузки страницы в попапе.

Вот я нарыл способ, но он не работает и очень нужна помощь или подсказка.

 

Скрипт:

<script src="jquery.tools.min.js"></script><!--Внешний скрипт-->
<script>
$(function() {
 $("a[rel]").overlay(function() {
  var wrap = this.getContent().find("div.wrap");
  if (wrap.is(":empty")) {
   wrap.load(this.getTrigger().attr("href"));
  }
 });
});
</script>

Стили:

<link rel="stylesheet" type="text/css" href="overlay-minimal.css"/><!--Внешние css-стили-->
<style>
#overlay {
  background-image:url(transparent.png);
  color:#efefef;
}
div.wrap {
  height:441px;
  overflow-y:auto;
}
</style>

Кнопка и всплывающий div:

<a class="button button_cart" href="simplecheckout" rel="#overlay">
  <button type="button">Оформить заказ</button>
</a>
<div class="overlay" id="overlay">
  <div class="wrap"></div>
</div>

 

Змінено 28 лютого 2019 користувачем krluch

[krluch]

Если ставить кнопку с вызовом попапа не в другом попапе - всё работает и лучше использовать fancybox. Но как сделать чтоб можно было вызвать попап из попапа?