Modal Newsletter

Snippet para exibir uma janela ao carregar a pagina

HTML

<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Newsletter</h4>
      </div>
      <div class="modal-body">
        <form action="{{ links.newsletter }}" method="POST">
            <input type="hidden" name="loja" value="{{ store.id }}">
            <input name="email" type="text" placeholder="email@templateshop.com">
            <button class="btn btn-default btn-block news-button">Cadastrar</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Javascript

(function($) {
      var boostrap_script = document.createElement('script');
      boostrap_script.setAttribute('src','https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');

      var bootstrap_enabled = (typeof $.fn.modal == 'function');
        if(!bootstrap_enabled) {
          $(window).load(function(){
              document.head.appendChild(boostrap_script);
          });
        }
})(jQuery);

Exemplo

Como usar

Insira o bloco de código HTML no arquivo layouts/default.html antes do fechamento da tag <body>

Insira o bloco de código Javascript em seu arquivo JS