Как отключить / включить всплывающее окно с Jekyll

Question

У меня есть всплывающее окно на моем веб-сайте, которое появляется при первом входе. Я хочу разрешить или отключить эту опцию при желании. Это файл .yml внутри 'include', и я использую Magnific Pop-Up.

Вот код JS:

$(document).ready(function() {
  $(window).on('load', function() {
    var now, lastDatePopupShowed;
    now = new Date();

    if (localStorage.getItem('lastDatePopupShowed') !== null) {
      lastDatePopupShowed = new Date(parseInt(localStorage.getItem('lastDatePopupShowed')));
    }

    if (((now - lastDatePopupShowed) >= (15 * 86400000)) || !lastDatePopupShowed) {
      $.magnificPopup.open({
        items: {
          src: '#launch-popup'
        },
        type: 'inline'
      }, 0);

      localStorage.setItem('lastDatePopupShowed', now);
    }
  });
});

Мне бы очень хотелось услышать ваши идеи о том, как ее решить.

Answer 1

РЕШЕНИЕ

Заворачивание всплывающего окна в Jekyll include с оператором if.

{% If page.popup-turned-on == true %} 

... Code for pop up 

{% endif %}

Затем добавьте следующее:

popup-turned-on: true 

Удачного кодирования!

Answer 2

Я бы сделал это:

$(document).ready(function() {
  $(window).on('load', function() {
    {% if site.popup %}
      /*.. JS code for popup ..*/
    {% endif %}
  });
});

А в вашем _config.yml:

popup: true