Автор Тема: Модуль всплывающих окон - как убрать закрывающий крестик  (Прочитано 104 раз)

30 Апрель 2017, 13:05:53
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Установлен модуль всплывающих окон. На время "ремонтных" работ необходимо ставить рекламную заставку на главную. Так, чтобы у пользователей не было возможности закрыть ее.
Вопрос: как можно убрать закрывающий крестик вместе с белым полем вокруг картинки. Файлы модуля прилагаю здесь.
30 Апрель 2017, 14:53:15
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 2863
  • Репутация: +67/-5
  • Сообщество PrestaShop
    • Просмотр профиля
30 Апрель 2017, 16:09:46
Ответ #2
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Не помогло... Вот участок кода:
.mfp-close {
  display: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }
30 Апрель 2017, 17:05:04
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 2863
  • Репутация: +67/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Тогда удали этот элемент из шаблона tpl.
30 Апрель 2017, 18:13:16
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 849
  • Репутация: +7/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Чтобы не показывало  закрывающий крестик, нужно удалить
<div class="mfp-close"></div>Во всех файлах tpl модуля.
30 Апрель 2017, 19:06:37
Ответ #5
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
30 Апрель 2017, 20:31:33
Ответ #6
  • Ветеран
  • *****
  • Сообщений: 13821
  • Репутация: +14564/-2
  • Сообщество PrestaShop
    • Просмотр профиля
Может не те шаблоны меняли? В папке темы в modules нужно проверить есть ли такие шаблоны.
30 Апрель 2017, 20:41:34
Ответ #7
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В папке этого модуля в файлах:
custompagepopup.tpl
homepagepopup.tpl
productpagepopup.tpl
01 Май 2017, 09:18:33
Ответ #8
  • Ветеран
  • *****
  • Сообщений: 13821
  • Репутация: +14564/-2
  • Сообщество PrestaShop
    • Просмотр профиля
Еще нужно изменить в
/themes/тема/modules/модуль/...
01 Май 2017, 20:03:13
Ответ #9
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Этот модуль не создал свою папку в /themes/тема/modules/
02 Май 2017, 09:33:32
Ответ #10
  • Ветеран
  • *****
  • Сообщений: 2863
  • Репутация: +67/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Поищи по слову "mfp-close" в файлах. Точно найдешь где нужно удалить.
03 Май 2017, 17:04:56
Ответ #11
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Решил вопрос. Сделал в стилях button.mfp-close { display: none; }
05 Май 2017, 08:35:50
Ответ #12
  • Пользователь
  • **
  • Сообщений: 75
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Еще тут один ньюанс есть:
При клике в область выше окна (class="mfp-content")
и ниже окна (class="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-move-from-top mfp-ready")
также происходит закрытие всплывающего окна. Как это можно устранить?
05 Май 2017, 09:24:35
Ответ #13
  • Ветеран
  • *****
  • Сообщений: 2863
  • Репутация: +67/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Нужно создать свою функцию закрытия окна
$('.mypopup').magnificPopup({
  // you may add other options here, e.g.:
  preloader: true,

  callbacks: {
    open: function() {
      // Will fire when this exact popup is opened
      // this - is Magnific Popup object
    },
    close: function() {
      // Will fire when popup is closed
    }
    // e.t.c.
  }
});
05 Май 2017, 09:27:12
Ответ #14
  • Ветеран
  • *****
  • Сообщений: 2863
  • Репутация: +67/-5
  • Сообщество PrestaShop
    • Просмотр профиля