Модальное всплывающее содержимое Fancybox не загружено должным образом в magento1? - PullRequest
Новая
       9

Модальное всплывающее содержимое Fancybox не загружено должным образом в magento1?

0 голосов
/ 04 октября 2018

На самом деле у меня возникла проблема с модным всплывающим окном, когда всплывающее окно не загружает контент должным образом.Модальный div по умолчанию не отображает ничего.И мне нужно показать этот модальный при клике.

Я использую модуль для метода оплаты AfterPAy, где эта функция включена.Когда мы нажимаем на кнопку «Узнать больше», открывается всплывающее окно, но содержимое этого причудливого окна отсутствует.Мне нужно сделать это идеально.Это мой сайт URl https://www.tradie.com/tradie-honey-badger-sports-mid-length-trunk-1371.html

(function($) {

    $(document).on('ready', function() {
        $('.afterpay-what-is-modal-trigger').fancybox({
			  afterLoad: function() {
                $('#afterpay-what-is-modal').css("display", "block");
            }
            afterShow: function() {
                $('#afterpay-what-is-modal').find('.close-afterpay-button').on('click', function(event) {
                    event.preventDefault();
                    $.fancybox.close();
                })
            }
        })
    });

})(jQuery);

Приведенный выше js-код находится в файле расширения modal.js.Здесь функция афтершоу работает, но постнагрузка не работает.Пожалуйста, как этот модал будет правильно открываться с контентом.

Спасибо.

1 Ответ

0 голосов
/ 16 октября 2018

Что касается проблемы, то есть встроенный div, который не отображает ничего.Поэтому, когда вы нажмете на ссылку / кнопку, модал будет пустым из-за этого встроенного css.

Пожалуйста, найдите HTML-код модального файла и добавьте дополнительный div в верхней части этого кода и установите display none наэтот div inline.например, 

<div style="display:none;">
  <div id="afterpay-what-is-modal">
    <!--some modal code for popup-->
  </div>
</div>

Добавьте div перед и стилизуйте его так, чтобы он не отображал ни один встроенный текст.

Надеюсь, это сработает для вас.

...